<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

/*theme start*/

.transall {
	float: right;
}
/* inquiry form */
.inquiry-form-wrap {
	position: relative;
	width: 100%;
}
.inquiry-form {
	position: relative;
	padding: 25px 40px 35px 40px;
	border: 1px solid #ACACAC;
}
.inquiry-form:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 5px;
	display: block;
	overflow: hidden;
}
.inquiry-form .inquiry-form-ico {
	position: absolute;
	right: 20px;
	top: 27px;
	width: 75px;
	display: block;
	overflow: hidden;
}
.inquiry-form .inquiry-form-ico img {
	position: relative;
	width: 100%;
}
.inquiry-form .inquiry-form-title {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}
.inquiry-form .form-item {
	position: relative;
	display: block;
}
.inquiry-form .form-input, .inquiry-form input[type="text"] {
	position: relative;
	border: 1px solid #C3C3C3;
	width: 50%;
	height: 31px;
	line-height: 31px;
	margin: 18px 0 0;
	color: #000;
	padding: 0 0 0 15px;
}
.inquiry-form .form-input, .inquiry-form .form-input-capcha[type="text"] {
	position: relative;
	border: 1px solid #C3C3C3;
	width: 20%;
	height: 31px;
	line-height: 31px;
	margin: 18px 0 0;
	color: #000;
	padding: 0 0 0 15px;
}
.inquiry-form .form-text, .inquiry-form textarea {
	position: relative;
	border: 1px solid #C3C3C3;
	width: 90%! important;
	height: 112px;
	line-height: 31px;
	margin: 10px 0 0! important;
	color: #000;
	padding: 10px 0 0 20px! important;
}
.inquiry-form .form-text:focus, .inquiry-form textarea:focus {
	outline: none;
}
.inquiry-form .form-input-name, .inquiry-form input[type="text"].form-input-name {
	padding: 0 0 0 28px;
	background: url(img/inq04.png) no-repeat 8px 9px;
}
.inquiry-form .form-input-email, .inquiry-form input[type="text"].form-input-email {
	padding: 0 0 0 28px;
	background: url(img/inq05.png) no-repeat 8px 11px;
}
.inquiry-form .form-input-phone, .inquiry-form input[type="text"].form-input-phone {
	padding: 0 -9px 0 37px! important;
	background: url(img/inq06.png) no-repeat 8px 11px;
}
.inquiry-form .form-btn-wrapx {
	width: 75%;
	padding-left: 30px;
	position: relative!important;
	height: auto! important;
	z-index: 99;
}
.inquiry-form .form-btn-wrapx .form-btn-submitx {
	position: absolute!important;
	right: 0;
	top: -55px;
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	height: 30px;
	line-height: 30px;
	padding: 0 16px;
	font-size: 14px;
	border-width: 1px;
	border-style: solid;
	border-left-color: #ECC75C;
	border-right-color: #ECC75C;
	border-top-color: #F4D67E;
	border-bottom-color: #E1AF32;
	border-radius: 5px;
	color: #4C4C4E;
	text-shadow: 0 0 1PX rgba(0, 0, 0, 0.3);
	background: -moz-linear-gradient(top, #FFF5D1, #FCE26B);
	background: -o-linear-gradient(top, #FFF5D1, #FCE26B);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF5D1), to(#FCE26B));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5FFF5D1, endColorstr=#e5FCE26B);
}
.inquiry-form .form-btn-wrapx .form-btn-submitx {
*display:inline;
}
.inquiry-form .Validform_checktip {
	display: block;
	width: 93%;
	margin: -5px auto 5px;
	_display: none;
}
.inquiry-form .Validform_wrong {
	font-size: 12px;
	font-weight: bold;
	color: #da3439;
	_display: block;
}
.wpcf7-form .captcha-image {
	position: relative;
	padding-bottom: 20px;
}
.wpcf7-form .captcha-image .Validform_checktip {
	position: absolute;
	left: 20px;
	bottom: 0;
}
.none {
	display: none;
}
.copyright img {
    margin-right: 5px;
}
/*product-btn-wrap*/
@font-face {
	font-family: 'fontawesome';
	src: url('Font-Awesome/fontawesome-webfont.eot?5510888');
	src: url('Font-Awesome/fontawesome-webfont.eot?5510888#iefix') format('embedded-opentype'), url('Font-Awesome/fontawesome-webfont.woff?5510888') format('woff'), url('Font-Awesome/fontawesome-webfont.ttf?5510888') format('truetype'), url('Font-Awesome/fontawesome-webfont.svg?5510888#revicons') format('svg');
	font-weight: normal;
	font-style: normal;
}
.product-btn-wrap .email:before, .product-btn-wrap .pdf:before {
	font-family: "fontawesome";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
}
.product-btn-wrap .email, .product-btn-wrap .pdf {
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.product-btn-wrap {
	position: relative;
	margin: 20px 0 0;
}
.product-btn-wrap .email, .product-btn-wrap .pdf {
	position: relative;
	display: inline-block;
 *display:inline;
 *zoom:1;
	vertical-align: top;
	line-height: 30px;
	padding: 0 15px;
	border-radius: 3px;
	color: #FFF;
	margin: 0 20px 0 0;
	border: 1px solid #7f7f7f;
	background: #7f7f7f;
}
.product-btn-wrap .email:before {
	content: "\f0e0";
	padding: 0 3px 0 0;
}
.product-btn-wrap .pdf:before {
	content: "\f1c1";
	padding: 0 3px 0 0;
}
.product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover {
	background: none;
	color: #7f7f7f;
}
.addthis_sharing_toolbox {
	float: right;
	margin: 5px 0 30px 0;
}
.product-summary li {
	font-size: 13px;
	margin: 5px 0;
	color: #000000;
}
.product-summary li em {
	width: 140px;
	float: left;
	color: #B2B2B2;
}
#send-email {
	margin-top: 30px;
}
 @media screen and (max-width:768px) {
 .sub_none{
     display: block!important;
 }
 .nav&gt;.fd_nav&gt;.sub-menu&gt;.with-sub-menu&gt;.sub-menu{
     position: relative;
    left: 0px;
    display: none;
 }
.inquiry-form {
	padding: 35px 25px;
}
.inquiry-form .inquiry-form-ico {
	right: 5px;
	top: 5px;
}
.inquiry-form .inquiry-form-ico {
	width: 42px;
	height: auto;
}
.inquiry-form .form-text, .inquiry-form textarea {
	width: 100%!important;
}
.inquiry-form .form-btn-wrapx {
	width: 100%;
}
}
.inquiryfoot {
	margin-top: 10px;
}
.inquiryfoot, .inquiryfoot:visited {
	background: #64b4b5;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #ffffff;
	text-decoration: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer
}
.attr-list li {
	float: left;
	width: 235px;
	margin: 5px 0;
	padding-right: 15px
}
.attr-list li .attr-name {
	color: #666;
	word-wrap: break-word
}
.attr-list li .attr-value {
	word-wrap: break-word
}
.en_title{float: right;margin: 3px 0 0;background-color: #fff;padding: 1px 10px;border-radius: 4px;}
/*theme end*/
 /*language start*/

@font-face {
	font-family: 'fontawesome';
	src: url('fonts/Font-Awesome/fontawesome-webfont.eot?5510888');
	src: url('fonts/Font-Awesome/fontawesome-webfont.eot?5510888#iefix') format('embedded-opentype'), url('fonts/Font-Awesome/fontawesome-webfont.woff?5510888') format('woff'), url('fonts/Font-Awesome/fontawesome-webfont.ttf?5510888') format('truetype'), url('fonts/Font-Awesome/fontawesome-webfont.svg?5510888#revicons') format('svg');
	font-weight: normal;
	font-style: normal;
}
.change-language {
	/*position: relative;*/
	float: right;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
}
.change-language .change-language-cont .empty {
	display: none;
}
.change-language .change-language-cont .change-empty {
	text-align: center;
	padding: 10px 0;
}
.change-language .prisna-wp-translate-seo .lang-more {
	display: none;
	margin: 10px;
}
.change-languag, .change-language-cont ul, .change-language-cont ul li {
	text-align: left;
}
.change-language-info .language-icon:before {
	font-family: "fontawesome";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
}
.change-language .change-language-cont .lang-item-hide {
	display: none !important;
}
.change-language .change-language-cont .lang-more {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
}
.medium-title {
	cursor: pointer;
}
.sub-content {
	position: absolute;
	display: none;
	right: 0;
	background: #fff;
	border-radius: 5px 0 5px 5px;
	border: 1px solid #dbdbdb;
	z-index: 99999;
}
.change-language-info .change-language-title.title-show {
	border-radius: 5px 5px 0 0 !important;
	background: #fff;
	border-color: #dbdbdb;
}
.change-language-info .change-language-title.title-hide {
	border-radius: 5px !important;
	background: none;
	border-color: transparent;
}
.prisna-wp-translate-dropdown-hidden {
	display: none !important;
}
.change-language-info .language-icon {
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.change-language-info:hover .language-icon {
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	top: 6px;
}
.change-language-info {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
}
.change-language-info .change-language-title {
	position: relative;
	line-height: 16px;
	padding: 6px 25px 6px 5px;
	border: 1px solid transparent;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	z-index: 100000;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;/* 	padding:5px 35px 5px 15px;







	background-color: #fff;







	border: 3px solid #10c7d7;







	border-radius: 18px; */
}
.change-language-info:hover .change-language-title, .change-language-info:hover .change-language-title a, .change-language-info:hover .change-language-title span, .change-language-info:hover .language-icon {
	color: inherit
}
.change-language-info .language-icon {
	position: absolute;
	right: 4px;
	top: 6px;
}
.change-language-info .language-icon:before {
	content: "\f0d7";
}
.change-language-cont {
	top: 27px;
 *top: 26px;
	padding: 10px 5px;
	width: 350px;
}
 .change-language ::-webkit-scrollbar {
width:8px;
}
 .change-language ::-webkit-scrollbar-track {
background-color:#fff;
}
 .change-language ::-webkit-scrollbar-thumb {
background-color:rgba(0, 0, 0, 0.5);
border-radius:3px;
}
 .change-language .language-cont:hover::-webkit-scrollbar-thumb {
display:block
}
 .change-language ::-webkit-scrollbar-thumb:hover {
background-color:#9c3
}
 .change-language ::-webkit-scrollbar-thumb:active {
background-color:#00aff0
}
.change-language-cont ul li {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
 *display:inline;
 *zoom:1;
	width: 30%;
	margin: 0 1.666666%;
	list-style: none;
	border-bottom: 1px solid #ececec;
	padding: 5px 0;
	line-height: 16px;
}
.change-language-title span {
	color: #666;
}
.language-flag span {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
}
.language-flag .country-flag {
	position: relative;
	display: inline-block;
	vertical-align: top;
 *display:inline;
 *zoom:1;
	background-repeat: no-repeat;
	background-image: url(img/all-m.gif);
	width: 22px;
	height: 16px;
	margin: 0 5px
}
.language-flag-af .country-flag {
	background-position: 0 0 !important;
}
.language-flag-sq .country-flag {
	background-position: 0 -16px !important;
}
.language-flag-ar .country-flag {
	background-position: 0 -32px !important;
}
.language-flag-hy .country-flag {
	background-position: 0 -48px !important;
}
.language-flag-az .country-flag {
	background-position: 0 -64px !important;
}
.language-flag-eu .country-flag {
	background-position: 0 -80px !important;
}
.language-flag-be .country-flag {
	background-position: 0 -96px !important;
}
.language-flag-bg .country-flag {
	background-position: 0 -112px !important;
}
.language-flag-ca .country-flag {
	background-position: 0 -128px !important;
}
.language-flag-zh .country-flag {
	background-position: 0 -144px !important;
}
.language-flag-zh-TW .country-flag {
	background-position: 0 -160px !important;
}
.language-flag-hr .country-flag {
	background-position: 0 -176px !important;
}
.language-flag-cs .country-flag {
	background-position: 0 -192px !important;
}
.language-flag-da .country-flag {
	background-position: 0 -208px !important;
}
.language-flag-nl .country-flag {
	background-position: 0 -240px !important;
}
.language-flag-en .country-flag {
	background-position: 0 -256px !important;
}
.language-flag-et .country-flag {
	background-position: 0 -272px !important;
}
.language-flag-tl .country-flag {
	background-position: 0 -288px !important;
}
.language-flag-fi .country-flag {
	background-position: 0 -304px !important;
}
.language-flag-fr .country-flag {
	background-position: 0 -320px !important;
}
.language-flag-gl .country-flag {
	background-position: 0 -336px !important;
}
.language-flag-ka .country-flag {
	background-position: 0 -352px !important;
}
.language-flag-de .country-flag {
	background-position: 0 -368px !important;
}
.language-flag-el .country-flag {
	background-position: 0 -384px !important;
}
.language-flag-ht .country-flag {
	background-position: 0 -400px !important;
}
.language-flag-iw .country-flag {
	background-position: 0 -416px !important;
}
.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag {
	background-position: 0 -432px !important;
}
.language-flag-hu .country-flag {
	background-position: 0 -448px !important;
}
.language-flag-is .country-flag {
	background-position: 0 -464px !important;
}
.language-flag-id .country-flag {
	background-position: 0 -480px !important;
}
.language-flag-ga .country-flag {
	background-position: 0 -496px !important;
}
.language-flag-it .country-flag {
	background-position: 0 -512px !important;
}
.language-flag-ja .country-flag {
	background-position: 0 -528px !important;
}
.language-flag-ko .country-flag {
	background-position: 0 -544px !important;
}
.language-flag-la .country-flag {
	background-position: 0 -560px !important;
}
.language-flag-lv .country-flag {
	background-position: 0 -576px !important;
}
.language-flag-lt .country-flag {
	background-position: 0 -592px !important;
}
.language-flag-mk .country-flag {
	background-position: 0 -608px !important;
}
.language-flag-ms .country-flag {
	background-position: 0 -624px !important;
}
.language-flag-mt .country-flag {
	background-position: 0 -640px !important;
}
.language-flag-no .country-flag {
	background-position: 0 -656px !important;
}
.language-flag-fa .country-flag {
	background-position: 0 -672px !important;
}
.language-flag-pl .country-flag {
	background-position: 0 -688px !important;
}
.language-flag-pt .country-flag {
	background-position: 0 -704px !important;
}
.language-flag-ro .country-flag {
	background-position: 0 -720px !important;
}
.language-flag-ru .country-flag {
	background-position: 0 -736px !important;
}
.language-flag-sr .country-flag {
	background-position: 0 -752px !important;
}
.language-flag-sk .country-flag {
	background-position: 0 -768px !important;
}
.language-flag-sl .country-flag {
	background-position: 0 -784px !important;
}
.language-flag-es .country-flag {
	background-position: 0 -800px !important;
}
.language-flag-sw .country-flag {
	background-position: 0 -816px !important;
}
.language-flag-sv .country-flag {
	background-position: 0 -832px !important;
}
.language-flag-th .country-flag {
	background-position: 0 -848px !important;
}
.language-flag-tr .country-flag {
	background-position: 0 -864px !important;
}
.language-flag-uk .country-flag {
	background-position: 0 -880px !important;
}
.language-flag-ur .country-flag {
	background-position: 0 -896px !important;
}
.language-flag-vi .country-flag {
	background-position: 0 -912px !important;
}
.language-flag-cy .country-flag {
	background-position: 0 -928px !important;
}
.language-flag-yi .country-flag {
	background-position: 0 -944px !important;
}
.language-flag-bn .country-flag {
	background-position: 0 -960px !important;
}
.language-flag-eo .country-flag {
	background-position: 0 -976px !important;
}
.language-flag.language-flag-custom-afghanistan .country-flag {
	background-position: 0 -992px !important;
}
.language-flag.language-flag-custom-albania .country-flag {
	background-position: 0 -1008px !important;
}
.language-flag.language-flag-custom-algeria .country-flag {
	background-position: 0 -1024px !important;
}
.language-flag.language-flag-custom-argentina .country-flag {
	background-position: 0 -1040px !important;
}
.language-flag.language-flag-custom-australia .country-flag {
	background-position: 0 -1056px !important;
}
.language-flag.language-flag-custom-austria .country-flag {
	background-position: 0 -1072px !important;
}
.language-flag.language-flag-custom-belgium .country-flag {
	background-position: 0 -1088px !important;
}
.language-flag.language-flag-custom-brazil .country-flag {
	background-position: 0 -1104px !important;
}
.language-flag.language-flag-custom-canada .country-flag {
	background-position: 0 -1120px !important;
}
.language-flag.language-flag-custom-chile .country-flag {
	background-position: 0 -1136px !important;
}
.language-flag.language-flag-custom-cote-d-ivoire .country-flag {
	background-position: 0 -1152px !important;
}
.language-flag.language-flag-custom-ecuador .country-flag {
	background-position: 0 -1168px !important;
}
.language-flag.language-flag-custom-egypt .country-flag {
	background-position: 0 -1184px !important;
}
.language-flag.language-flag-custom-england .country-flag {
	background-position: 0 -1200px !important;
}
.language-flag.language-flag-custom-luxembourg .country-flag {
	background-position: 0 -1216px !important;
}
.language-flag.language-flag-custom-malaysia .country-flag {
	background-position: 0 -1232px !important;
}
.language-flag.language-flag-custom-mexico .country-flag {
	background-position: 0 -1248px !important;
}
.language-flag.language-flag-custom-new-zealand .country-flag {
	background-position: 0 -1264px !important;
}
.language-flag.language-flag-custom-oman .country-flag {
	background-position: 0 -1280px !important;
}
.language-flag.language-flag-custom-qatar .country-flag {
	background-position: 0 -1296px !important;
}
.language-flag.language-flag-custom-saudi-arabia .country-flag {
	background-position: 0 -1312px !important;
}
.language-flag.language-flag-custom-singapore .country-flag {
	background-position: 0 -1328px !important;
}
.language-flag.language-flag-custom-south-africa .country-flag {
	background-position: 0 0 !important;
}
.language-flag.language-flag-custom-switzerland .country-flag {
	background-position: 0 -1344px !important;
}
.language-flag.language-flag-custom-syria .country-flag {
	background-position: 0 -1360px !important;
}
.language-flag.language-flag-custom-united-arab-emirates .country-flag {
	background-position: 0 -1376px !important;
}
.language-flag.language-flag-custom-united-states-of-america .country-flag {
	background-position: 0 -1392px !important;
}
.language-flag-hy .country-flag {
	background-position: 0 -1408px;
}
.language-flag-bs .country-flag {
	background-position: 0 -1424px;
}
.language-flag-ceb .country-flag {
	background-position: 0 -1440px;
}
.language-flag-ny .country-flag {
	background-position: 0 -1456px;
}
.language-flag-ha .country-flag {
	background-position: 0 -1472px;
}
.language-flag-hmn .country-flag {
	background-position: 0 -1488px;
}
.language-flag-ig .country-flag {
	background-position: 0 -1504px;
}
.language-flag-jw .country-flag {
	background-position: 0 -1520px;
}
.language-flag-kk .country-flag {
	background-position: 0 -1536px;
}
.language-flag-km .country-flag {
	background-position: 0 -1552px;
}
.language-flag-lo .country-flag {
	background-position: 0 -1568px;
}
.language-flag-la .country-flag {
	background-position: 0 -1584px;
}
.language-flag-mg .country-flag {
	background-position: 0 -1600px;
}
.language-flag-ml .country-flag {
	background-position: 0 -1616px;
}
.language-flag-mi .country-flag {
	background-position: 0 -1632px;
}
.language-flag-mr .country-flag {
	background-position: 0 -1648px;
}
.language-flag-mn .country-flag {
	background-position: 0 -1664px;
}
.language-flag-my .country-flag {
	background-position: 0 -1680px;
}
.language-flag-ne .country-flag {
	background-position: 0 -1696px;
}
.language-flag-pa .country-flag {
	background-position: 0 -1712px;
}
.language-flag-st .country-flag {
	background-position: 0 -1728px;
}
.language-flag-si .country-flag {
	background-position: 0 -1744px;
}
.language-flag-so .country-flag {
	background-position: 0 -1760px;
}
.language-flag-su .country-flag {
	background-position: 0 -1776px;
}
.language-flag-tg .country-flag {
	background-position: 0 -1792px;
}
.language-flag-uz .country-flag {
	background-position: 0 -1808px;
}
.language-flag-yo .country-flag {
	background-position: 0 -1824px;
}
.language-flag-zu .country-flag {
	background-position: 0 -1840px;
}
 @media (max-width:768px) {
.change-language-cont {
	top: auto;
 *top: auto;
	padding: 0;
	width: 100%;
	text-align: left;
}
.change-language {
	float: none !important;
}


.sub-content {
	position: relative;
	display: block;
	right: auto;
	border-radius: 0;
	border: none;
	box-shadow: none;
	z-index: 99999;
}
.change-language-title {
	display: none;
}
.change-language-cont ul li {
	width: auto
}
}
.none {
	display: none;
}
.inquiry-form-wrap {
	height: 420px !important;
	width: 100% !important;
}
.inquiry-pop-bd .inquiry-pop {
	width: 550px !important;
	height: 450px !important;
}
.mauticform_wrapper{max-width: 100% !important;}
.inquiry-pop h2,.inquiry-form-wrap h2 {
    background-color:#64b4b5;
    color: #FFFFFF;
    font-size: 20px;
    padding: 8px 26px;
    cursor: pointer;
}
.mauticform-row{margin-top: 20px !important;}
#mauticform_wrapper_shanghaijianzhongyiliaoqixiebaozhuanggufenyouxiangongsi{border: 2px solid #64b4b5 !important;padding:1rem 2rem 0;padding-top: 2px;margin-top: -10px;}
.mauticform-label {
    display: none !important;
}
#mauticform_input_shanghaijianzhongyiliaoqixiebaozhuanggufenyouxiangongsi_nin_de_wen_ti {
    padding-bottom: 80px;
}
.mauticform-errormsg{display: none!important;}
.side_content .side_list .cont li .ad_email:before {
	background-image: url(../custom_service/img/custom_service/icons01.png);
}
.email.inquiryfoot:nth-child(2), .product-btn-wrap .email:nth-child(2) {
	display: none;
}
.ad_prompt {
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	width: 100%;
	line-height: 40px;
	margin: -20px 0 0;
	text-align: center;
	color: #ff6f00;
	font-size: 20px;
	-webkit-animation: twinkling 1s infinite ease-in-out;
	animation: twinkling 1s infinite ease-in-out;
	display: none;
}
 @-webkit-keyframes twinkling {
 0% {
 opacity:0;
}
 100% {
 opacity:1;
}
}
 @media only screen and (max-width:550px) {
.inquiry-pop-bd .inquiry-pop {
	width: 100%!important;
}
.inquiry-pop-bd .inquiry-pop .ico-close-pop {
	top: 5px !important;
	right: 5px !important;
}
.inquiry-pop-bd .inquiry-pop {
	padding: 0 !important;
}
}
/*language end*/

/*custom_service_off  start*/
.scrollsidebar, .scrollsidebar a {
	font-size: 12px;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
}
.scrollsidebar {
	position: absolute;
	z-index: 10009;
	top: 150px;
	right: 0;
}
.show_btn {
    font-size: 20px;
    width: 37px;
    height: 192px;
    font-weight: 100;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    overflow: hidden;
    background: url(img/custom_service/show_btn.png) no-repeat center center;
    text-align: center;
    color: #3e3a39;
    padding-bottom: 15px;
    align-items: flex-end;
}
.title_pic{
    background-image: url(../../admin/custom_service/title_pic.png);
    padding: 20px 10px 27% 50%;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 14px;
    color: #717071;
}
.side_content {
	width: 0;
	height: auto;
	overflow: hidden;
	float: left;
}
.side_content .side_list {
	width: 140px;
	overflow: hidden;
	border: 1px solid #dadada;
	border-radius: 8px;
	position: relative;
	background: #FFF;
}
.side_content .side_list .hd img {
	width: 100%;
	border-bottom: 1px solid #dadada;
}
.side_content .side_list .cont li {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #dadada;
	list-style: none;
	position: relative;
}
.side_content .side_list .cont li a {
	position: relative;
	display: block;
	padding: 0 0 0 43px;
	text-decoration: none;
}
.side_content .side_list .cont li a:before {
	content: "";
	position: absolute;
	display: block;
	overflow: hidden;
	top: 0;
	left: 10px;
	width: 25px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
}
.side_content .side_list .cont li .email:before {
	background-image: url(img/custom_service/icons01.png);
}
.side_content .side_list .cont li .skype:before {
	background-image: url(img/custom_service/icons02.png);
}
.side_content .side_list .cont li .inquiry:before {
	background-image: url(img/custom_service/icons03.png);
}
.side_content .side_list .cont li .qq:before {
	background-image: url(img/custom_service/icons04.png);
}
.ww {
	margin-left: -30px;
}
.side_content .side_list .t-code {
	padding: 10px 10px 7px;
	border-bottom: 1px solid #dadada;
}
.side_content .side_list .t-code img {
	width: 100%;
}
.side_content .side_list .side_title {
	height: 30px;
	line-height: 30px;
	padding: 0 12px;
}
.side_content .side_list .side_title .close_btn {
	background: url(img/custom_service/close.png) no-repeat center center;
	width: 12px;
	height: 30px;
	position: absolute;
	bottom: 0;
	right: 10px;
	cursor: pointer;
}
.side_content .side_list .side_title .close_btn span {
	display: none;
}
.inquiry-pop-bd {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100% !important;
	background: rgba(0, 0, 0, .7);
	display: none;
	overflow: hidden;
	z-index: 20000;
}
.inquiry-pop-bd .inquiry-pop {
	position: relative;
	width: 500px;
	background: #FFF;
	margin: 150px auto;
	padding: 30px;
	box-shadow: 0 0 10px rgba(255, 255, 255, .5)
}
.inquiry-pop-bd .inquiry-pop .ico-close-pop {
	position: absolute;
	right: -10px;
	top: -10px;
	width: 30px;
	height: 30px;
	background: url(img/custom_service/fancy_close.png) no-repeat center center;
	cursor: pointer;
	z-index: 1;
}
 @media screen and (max-width: 769px) {
.inquiry-pop-bd .inquiry-pop {
	width: 96%;
	margin: 15% auto;
}
.inquiry-form .form-btn-wrapx .form-btn-submitx {
	top: 0 !important;
}
}
@media screen and (max-width:1350px){
      .fd_nav .sub-menu li ul{
             width: 447px!important;
     }
}
 @media screen and (max-width:1400px){
     .fd_nav .sub-menu li ul li{
             width: 32%!important;
             flex: 0 0 32%!important;
     }
      .fd_nav .sub-menu li ul{
             width: 729px!important;
     }
 }
 @media screen and (max-width:1660px) {
     .fd_nav .sub-menu li ul{
             width: 729px;
     }
     .fd_nav li ul li a{
    
    font-size: 10px;
}
 }
/*custom_service_off  end*/
body:after {
	content: url(img/close.png) url(img/loading.gif) url(img/prev.png) url(img/next.png);
	display: none;
}
.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: black;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
	display: none;
}
.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal;
}
.lightbox .lb-image {
	display: block;
	height: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.lightbox a img {
	border: none;
}
.lb-outerContainer {
	position: relative;
	background-color: white;
 *zoom: 1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both;
}
.lb-container {
	padding: 4px;
}
.lb-loader {
	position: absolute;
	top: 43%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(img/loading.gif) no-repeat;
}
.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
.lb-container &gt; .nav {
	left: 0;
}
.lb-nav a {
	outline: none;
	-moz-transition: none;
	-webkit-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.lb-prev, .lb-next {
	width: 49%;
	height: 100%;
	cursor: pointer;
	/* Trick IE into showing hover */

	display: block;
	z-index: 222;
}
.lb-prev {
	left: 0;
	float: left;
}
.lb-prev:hover {
	background: url(img/prev.png) left 48% no-repeat;
}
.lb-next {
	right: 0;
	float: right;
}
.lb-next:hover {
	background: url(img/next.png) right 48% no-repeat;
}
.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
 *zoom: 1;
	width: 100%;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both;
}
.lb-data {
	padding: 0 4px;
	color: #bbbbbb;
}
.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em;
}
.lb-data .lb-caption {
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}
.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999999;
}
.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(img/close.png) top right no-repeat;
	text-align: right;
	outline: none;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
.lb-data .lb-close:hover {
	cursor: pointer;
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure {
	margin: 0;
	padding: 0;
}
body, html, input, button, textarea {
	color: #666;
	font: 12px/1.8 Arial, Tahoma, Verdana, Helvetica, sans-serif;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}
body {
	background: #FFFFFF;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3, h4, h5 {
	font-size: 14px;
}
img {
	border: none;
	vertical-align: middle;
}
li {
	list-style: none;
}
i, em {
	font-style: normal;
}
a {
	color: #666;
	text-decoration: none;
}
a:focus {
	outline: none;
}
a:hover {
	color: #6999c1;
	text-decoration: none;
}
input[type="text"]:focus {
	outline: none;
}
input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
}
 input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,  input[type="file"] &gt; input[type="button"]::-moz-focus-inner {
border:none;
padding:0;
}
input[type="text"], input[type="button"], input[type="reset"], select {
	border-radius: 0;
	-webkit-appearence: none;
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
*vertical-align:middle;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
.owl-dots .owl-dot, .owl-prev, .owl-next {
	cursor: pointer;
}
/* clear floating */

.clearfix:after, .layout:after, .topbar:after, .header:after, .product-intro:after, .product-summary .product-meta:after, .product-summary .price-bar:after, .product-summary .product-buy:after, .product-shop dl:after, .color-list:after, .product-summary .size-list:after, .product-summary .check-item:after, #respond:after, .goods-related .related-list ul:after, .head-wrapper:after, .blog-widget .foot-blog-item:after, .products-scroll-list li:after, .main-tit-bar:after, .main-banner:after, .blog-list .blog-item:after, .index-discover ul li:after, .exhibition-tit-bar:after, .detail-tabs:after, .index-info-wrap:after, .foot-contact li:after, .footer:after, .index-sv-items ul:after, .slide-banners .slides:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.clearfix, .layout, .topbar, .header, .product-intro, .product-summary .product-meta, .product-summary .price-bar, .product-summary .product-buy, .product-shop dl, .color-list, .product-summary .size-list, .product-summary .check-item, #respond, .goods-related .related-list ul, .head-wrapper, .blog-widget .foot-blog-item, .products-scroll-list li, .main-tit-bar, .main-banner, .blog-list .blog-item, .index-discover ul li, .exhibition-tit-bar, .detail-tabs, .index-info-wrap, .foot-contact li, .footer, .index-sv-items ul, .slide-banners .slides {
*zoom:1;
}
.clear {
	clear: both;
}
/* layout */

.layout, .index-info-wrap .index-info, .path-bar .path-nav, .nav-wrap, .footer {
	width: 1080px;
	margin: 0 auto;
	position: relative;
}
.z9999 {
	z-index: 9999!important;
}
body {
	width: 100%;
	min-width: 1080px;
	position: absolute;
	left: 0;
	top: 0;
}
.container {
	position: relative;
	display: block;
	width: 100%;
	min-width: 1080px;
	overflow: hidden;
}
/* color */

.shopcart-title .goods-num, .head-login-info h4, .cate-menu li a.hover, .product-item .pd-price b, .blog-widget .foot-blog-item .blog-cont p a.more, .cate-menu li a:hover, .head-cartlist dl a:hover, .narrow-by li li a:hover, .narrow-by li li a.selected, .service-items .service-item li a:hover, .blog-list .blog-item .readmore, .blog-list .blog-item .readmore a, .sort-by ul li.selected a, .sort-by ul li.selected a:hover, .goods-may-like .goods-item .goods-price b, .product-summary .price-bar .special-price, .product-summary .discount, .total-price .price, .goods-related .related-list ul .pd-name a:hover, .path-bar li:hover a, .path-bar li.current a, .foot-nav li a, .foot-wrapper .foot-items a:hover, .index-sv-items .sv-tit, .index-sv-items .readmore a:hover {
	color: #6999cwww1;
}
.product-slides .product-item .pd-name, .product-slides .product-item .pd-name a {
	color: #6999c1;
}
.product-slides .product-item .pd-shadow:before,  .about-tit-bar .title, .about-detail .about-more, .product-slides-wrap .product-slides .owl-prev, .product-slides-wrap .product-slides .owl-next, .blog-slides .owl-prev, .blog-slides .owl-next {
	background-color: #64b4b5;
}
.product-slides .product-item:hover .pd-shadow:before, .product-slides-wrap .product-slides .owl-prev:hover, .product-slides-wrap .product-slides .owl-next:hover, .blog-slides .owl-prev:hover, .blog-slides .owl-next:hover {
	background-color: #6999c1;
}
/* image */

.head-shopcart .ico-cart, .slide-banners .owl-prev, .slide-banners .owl-next, .product-slides .owl-prev, .product-slides .owl-next, .blog-widget .owl-prev, .blog-widget .owl-next, .narrow-by li li a, .narrow-by li a.with-ul-tit b, .sort-by ul li .arrow-down, .sort-by ul li .arrow-up, .path-bar .path-nav li .ico-home b, .product-intro .add-to-cart, .product-intro .add-to-wishlist, .goods-may-like .owl-prev, .goods-may-like .owl-next, .change-currency .arrow, .goods-related .icon-add, .product-summary .ico-tick {
	background-image: url(img/sprites.png);
	background-repeat: no-repeat;
	background-color: transparent;
}
.hide-cate .cate-nav-btn:after, .product-summary .btn-add-to-cart:after, .color-list li.checked .color-small-img:after, .select-box .select-value:after, .size-list li.checked span.size-value:after {
	background-image: url(img/sprites.png);
	background-repeat: no-repeat;
	background-color: transparent;
}
/* button */

.comment-form .form-item input[type="submit"], .goods-related .buy-together {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	padding: 0 18px;
	background: #bd362f;
	background: -webkit-linear-gradient(center top, #ee5f5b, #bd362f);
	background: -moz-linear-gradient(center top, #ee5f5b, #bd362f);
	background: -ms-linear-gradient(top, #ee5f5b, #bd362f);
	background: -o-linear-gradient(center top, #ee5f5b, #bd362f);
	background: linear-gradient( top, #ee5f5b, #bd362f);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.comment-form .form-item input[type="submit"]:hover, .goods-related .buy-together:hover, .ass:hover {
	opacity: 0.8;
	-moz-opacity: 80;
	filter: alpha(opacity=80);
}
/* transition */

.slide-banners .owl-nav, .foot-social li a, .gotop, .blog-list .blog-item img, .product-item:hover .pd-img img, .product-item:hover .pd-img .img-hover, .goods-may-like .goods-item img, .topbar .currency-cur b, .head-social li img, .slide-banners-wrap .slide-prev, .slide-banners-wrap .slide-next, .nav ul, .nav-bar .nav li a, .foot-contact .inq-buttom a, .main-banner .slide-prev, .main-banner .slide-next, #nodes a, .index-products .product-slides .owl-nav, .index-products .goods-items .owl-nav, .about-banner-wrap .about-cont .about-more, .product-item .pd-img, .nav li:after, .products-tabs h2:after, .foot-social li, .owl-prev, .owl-next, .product-item .item-wrap, .product-slides .product-item, .mobile-serve .mobile-head-hide, .pd-shadow, .product-slides .pd-shadow:before, .product-slides .pd-shadow:after, .foot-inquiry .subscribe-form .subscribe-btn, .foot-wrapper .foot-items a, .index-sv-items .readmore a, .nav-bar .nav li .nav-ico, .goods-items .owl-prev, .goods-items .owl-next, .index-sv-items .sv-ico, .about-more, .head-search .search-ipt, .index-sv-items .sv-ico img, .head-social li a, .nav-bar .nav li .nav-ico, .language .language-info .language-cont {
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.product-item .pd-shadow-wrap .pd-shadow, .index-sv-items .sv-tit:before {
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.product-item .pd-shadow-wrap, .product-item .pd-shadow-wrap .pd-ico {
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.head-social li:hover img {
	-moz-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.pc-nav ul, .language .language-info .language-cont {
	-moz-transform: translateY(-30px);
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	-o-transform: translateY(-30px);
	transform: translateY(-30px);
}
.mobile-serve .mobile-head-hide {
	-moz-transform: translateY(-60px);
	-webkit-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	-o-transform: translateY(-60px);
	transform: translateY(-60px);
}
.nav ul.bl-ul, .language .language-info .language-cont.language-cont-hover, .mobile-serve .mobile-head-show {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?-l21epb');
	src: url('fonts/icomoon.eot?#iefix-l21epb') format('embedded-opentype'),  url('fonts/icomoon.woff?-l21epb') format('woff'),  url('fonts/icomoon.ttf?-l21epb') format('truetype'),  url('fonts/icomoon.svg?-l21epb#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
 [class^="icon-"], [class*=" icon-"], a.with-child:after, .widget-cates li a.with-ul-tit:before, .widget-cates li.with-ul-hide a.with-ul-tit:before, .tit-ico:before, .btn-inquiry:before, .nav &gt;li.ico-home:before, .product-item .pd-shadow-wrap .pd-ico:before, .mobile-foot-contact .head-phone span:before, .mobile-foot-contact .head-email span:before, .side-tit-ico:before {
font-family:'icomoon';
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;



	/* Better Font Rendering =========== */

	-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
/* ===============================================================

   * for:header

   --------------------------------------------------------------- */

.head-wrapper {
	position: relative;
	z-index: 10000;
	width: 100%;
	background: #FFFFFF;
}
.head-wrapper-fix .nav-bar {
	position: fixed;
	border-bottom: none;
	left: 0;
	top: 0;
}
.head-wrapper-fix .topbar, .head-wrapper-fix .header {
}
.head-wrapper-fix .head-search-wrap {
	padding-top: 15px;
}
.head-wrapper-fix .slide-banners-wrap {
	margin-top: 0;
}
.topbar {
	position: relative;
	height: 40px;
	background:#64b4b5;
	padding: 10px 0;
	z-index: 999;
}
.topbar .head-contact {
	position: absolute;
	right: 0;
	bottom: -65px;
}
.transall, .language {
	position: relative;
	float: right;
}
.language {
	padding-top: 4px;
}
.language .language-label {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	padding-right: 5px;
*display:inline;
*float: left;
}
.language .language-title {
	display: inline-block;
}
.topbar .head-contact .head-phone, .topbar .head-contact .head-email {
	position: relative;
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	line-height: 40px;
	padding: 0 0 0 30px;
	color: #7e7e7e;
	font-size: 14px;
}
.topbar .head-contact .head-phone {
	background: url(img/icons04.png) no-repeat 13px 11px;
}
.topbar .head-contact .head-email {
	background: url(img/icons05.png) no-repeat 11px 10px;
}
.topbar .head-contact .head-email, .topbar .head-contact .head-email a {
	color: #6999c1;
}
.head-social {
	position: relative;
	display: block;
	float: left;
	line-height: 40px;
}
.head-social li {
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	padding: 0 6px 0 0;
*display:inline;
*zoom:1;
}
.head-social li a {
	display: block;
	width: 31px;
	height: 31px;
	line-height: 31px;
	border: 3px solid #11c7d5;
	border-radius: 50%;
	background-color: #fff;
	text-align: center;
}
.head-social li a:hover {
	border-color: #4ce4f0;
}
.head-social li img {
	max-width: 16px;
	max-height: 16px;
	opacity: 0.5;
	filter: alpha(opacity=50);
*padding-top: 6px;
}
.header {
	position: relative;
	padding: 25px 0;
}
.logo {
	position: relative;
	float: left;
}
.logo img {
}
.head-search-wrap {
	display: inline;
	float: right;
	padding: 32px 0 0;
}
.head-search-wrap .head-search-bg {
}
.head-search {
	position: relative;
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	height: 40px;
	border: 3px solid #7de4ed;
	border-radius: 25px;
	padding: 0 0 0 20px;
}
.head-search .search-ipt {
	display: inline-block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	border: 0;
	background-color: transparent;
	color: #aaa;
	font-size: 14px;
	float: left;
}
.head-search .search-ipt:focus {
	width: 240px;
}
.head-search .search-btn {
	display: block;
	width: 40px;
	height: 40px;
	background: url(img/search-btn.png) center no-repeat;
	border: 0;
	cursor: pointer;
	z-index: 9;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
.head-search .search-btn:hover {
	background-image: url(img/search-btn-gray.png);
}
.nav-bar, .nav-wrap {
	height: 50px;
}
.nav-bar {
	width: 100%;
	background-color: #64b4b5;
	background-color: #6999c1\9;
	position: relative;
	z-index: 100;
}
.nav {
}
.nav li, .nav a {
	position: relative;
	display: block;
	color: #fff;
}
.nav &gt; li {
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	font-weight: bold;
}
.nav &gt; li.li-hover &gt; a,.nav &gt; li &gt; a:hover {
	background-color: #6999c1;
}
li.li_fd &gt; a{	background-color: #64b4b5;}
.nav &gt; li.li-hover &gt; a {
	position: relative;
	z-index: 1000;
}
.nav &gt; li &gt; a {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
	z-index: 999;
	padding: 0 30px;
	z-index: 99;
}
.nav &gt;li:hover &gt; a, .nav &gt;li.nav-current &gt; a {
	color: #fff;
}
.nav li a.ico-home {
	display: inline-block;
	width: 20px;
	height: 50px;
	background: url(img/ico-home.png) center no-repeat;
}
.nav li a.ico-home:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.nav li li {
	display: block;
*display:block;
	line-height: 50px;
	
}
.nav li li a {
	/*border-bottom: 1px dotted #DFE3E6;*/
	padding: 0 20px;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

.nav ul {
	width: 244px;
	position: absolute;
	top: 50px;
	left: 0;
	background: #6999c1;
	background: #6999c1\9;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	
}
.fd_nav  ul{
    position: absolute;
        left: -177%;

        
}
.nav ul ul {
	top: 0;
	left: 244px;
}
.nav ul.bl-ul {
	display: block;
	height: auto;
	opacity: 1;
	visibility: visible;
}
.nav-bar .nav &gt; li &gt; a {
	float: left;
}
.nav-bar .nav li .nav-ico {
	display: inline-block;
	width: 10px;
	height: 50px;
	overflow: hidden;
	background: url(img/icons01.png) no-repeat center center;
	margin-left: 8px;
	vertical-align: middle;
}
.nav-bar .nav li:hover .nav-ico, .nav &gt;li.nav-current .nav-ico {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	
}
.nav-bar .nav li li .nav-li-ico {
	display: block;
	width: 0;
	height: 0;
	border: 4px solid;
	position: absolute;
	top: 21px;
	right: 5px;
	border-color: transparent transparent transparent #fff;
	background: none;
	margin: 0;
	padding: 0;
}
.nav-bar .nav li li a:hover {
	/*background-color: #64b4b5;*/
	color: #fff;
}
.nav-bar .nav li li:hover .nav-li-ico {
}

.fd_nav &gt; ul &gt; li &gt; ul{opacity:0;visibility:visible;top:0;-moz-transform: translateY(0px);-webkit-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);height:100%;-moz-transition:none;
    -webkit-transition:none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;}
.fd_nav &gt; ul &gt; li.li_fd &gt; ul{opacity:1;}
.pc-nav &gt; li ul{pointer-events: none;z-index:999;}

li.li-hover &gt; ul,.li-hover .li_fd &gt; ul{pointer-events: all;z-index:99999}
li.li-hover ul{pointer-events: all}
.fd_nav &gt; ul &gt; li:hover{
   background: #64b4b5 ;
        
}
.fd_nav &gt; ul &gt; li{
        line-height: 66px!important;
    border-bottom: 1px #fff solid;
    position:static;
}

/* ===============================================================

   * for:footer

   --------------------------------------------------------------- */	

.foot-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.foot-wrapper, .foot-wrapper a {
}
.foot-wrapper a:hover {
}
.foot-wrapper .foot-items, .foot-wrapper .foot-items a {
	color: #fff;
}
.foot-wrapper .foot-items {
	padding: 70px 0 63px;
	background-color: #191b27;
}
.foot-items .foot-item {
	display: inline-block;
	vertical-align: top;
}
.foot-items .foot-item .foot-tit {
	position: relative;
	height: 22px;
	line-height: 22px;
	padding: 15px 0;
	overflow: hidden;
	font-size: 18px;
	margin: 0;
	font-weight: normal;
	color: #c7c8c3;
	margin: 0 auto 35px;
}
.foot-items .foot-item .foot-tit:before {
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	background-color: #0db7c8;
	position: absolute;
	left: 0;
	bottom: 0;
}
.foot-items .foot-item .foot-tit span {
	color: #6999c1;
	font-weight: bold;
	font-size: 24px;
}
.foot-items .foot-item .foot-cont {
	position: relative;
}
.foot-contact {
	position: relative;
	width: 280px;
}
.foot-inquiry {
	position: relative;
	width: 325px;
	margin: 0 70px;
}
.foot-blog {
	position: relative;
	width: 310px;
}
.blog-slides .owl-carousel .owl-controls {
	height: auto;
	text-align: right;
}
.blog-slides .owl-carousel .owl-controls .owl-prev, .blog-slides .owl-carousel .owl-controls .owl-next {
	position: static;
	width: 30px;
	height: 30px;
	text-align: left;
	margin-left: 10px;
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
}
.foot-contact li {
	line-height: 1.3em;
	padding: 0 0 0 55px;
	padding: 0;
	font-size: 14px;
	position: relative;
	margin: 0 0 10px;
	min-height: 42px;
}
.foot-contact li:before {
	content: '';
	width: 36px;
	height: 36px;
	background-color: #fff;
	border-radius: 50%;
	border: 3px solid #11c7d5;
	background-image: url(img/icons03.png);
	background-repeat: no-repeat;
	display: inline-block;
	margin-right: 10px;
	float: left;
}
.foot-contact li p {
	padding-left: 15px;
	-ms-word-break: break-all;
	word-wrap: break-word;
	word-break: break-all;
	width: 223px;
}
.foot-contact-tb li {
	display: table;
	width: 100%;
}
.foot-contact-tb li:before, .foot-contact-tb li p {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	margin: 0;
}
.foot-contact li.foot-addr:before {
	background-position: center 8px;
}
.foot-contact li.foot-phone, .foot-contact li.foot-email {
	padding-top: 10px;
	min-height: 32px;
}
.foot-contact li.foot-phone:before {
	background-position: center -42px;
}
.foot-contact li.foot-email:before {
	background-position: center -92px;
}
.foot-contact li.foot-sky {
}
.foot-inquiry .subscribe {
}
.subscribe-form {
	position: relative;
	width: 100%;
	display: block;
	font-size: 14px;
}
.foot-inquiry .subscribe-form .subscribe-ipt {
	display: block;
	width: 313px;
	padding-left: 8px;
	border: 1px solid #c9c8cd;
	color: #ccc;
	background-color: transparent;
	height: 35px;
	line-height: 35px;
	font-style: italic;
}
.foot-inquiry .subscribe-form .subscribe-btn {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	background-color: #f05a5b;
	color: #fff;
	border: 0;
	cursor: pointer;
	font-size: 14px;
	border-radius: 4px;
	padding: 0 15px;
	margin-top: 20px;
	text-transform: uppercase;
}
.foot-inquiry .subscribe-form .subscribe-btn:hover {
	background: #6999c1;
}
.blog-slides {
	position: relative;
	z-index: 0;
}
.blog-slides ul {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 0 20px;
}
.blog-slides ul li {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0 0 20px;
}
.foot-blog-item .blog-cont .blog-cont-pic {
	float: right;
	width: 40%;
	border: 1px solid #0ab6c0;
	overflow: hidden;
	margin: 0 0 0 20px;
}
.foot-blog-item .blog-cont img {
	width: 100%;
}
.foot-blog-item .blog-cont-title {
	font-weight: bold;
	font-size: 14px;
}

.foot-blog-item .blog-cont-detail{
	width:60%;
}

.foot-blog-item .blog-cont-time {
	display: block;
	padding: 10px 0 15px;
	color: #6999c1;
	position: relative;
	font-style: italic;
}
.foot-blog-item .blog-cont-time:before {
	content: '';
	display: block;
	width: 50px;
	height: 1px;
	background-color: #6999c1;
	position: absolute;
	left: 0;
	bottom: 0;
}
.blog-slides .owl-dots {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 20px;
	text-align: center;
}
.blog-slides .owl-dots .owl-dot {
	display: inline-block;
	width: 5px;
	height: 5px;
	background: none;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 50%;
	margin: 0 4px;
	background: #DBDBDB;
}
.blog-slides .owl-dots .active {
	background: #1BD0B1;
}
.footer {
	padding: 25px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* flex-wrap: wrap; */
	/* flex-direction: row; */
}
.footer .foot-nav, .footer .copyright {
	text-align: l;
}
.footer .foot-nav {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 10px;
}
.footer .foot-nav li {
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
	padding: 0 0 0 20px;
}
.footer .foot-nav li {
*display:inline;
}
.foot-nav li a {
	display: inline-block;
}
.foot-nav li a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.foot-nav li.current a {
	border-bottom: 3px solid #6999c1;
}
.footer .foot-logo {
	display: inline;
	float: left;
	margin: 0 50px 0 0;
}
.footer .copyright {width: 100%;text-align: right;}
/* go top */

.gotop {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 40px;
	text-align: center;
	background-color: #fff;
	background-image: url(img/ico_top.png);
	background-position: center;
	background-repeat: no-repeat;
	position: fixed;
	right: 20px;
	bottom: 40px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	border: 3px solid #6999c1;
	border-radius: 50%;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 100000;
}
.gotop:hover {
	-moz-transform: translateY(-6px);
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	-o-transform: translateY(-6px);
	transform: translateY(-6px);
	background-color: #6999c1;
	background-image: url(img/ico_top_hover.png);
	border-color: #fff;
}
/* ===============================================================

   * for:slide banner

   --------------------------------------------------------------- */

.owl-carousel {
	position: relative;
	width: 100%;
}
.owl-carousel .owl-item {
	float: left;
	min-height: 1px;
	position: relative;
	overflow: hidden;
}
.owl-carousel .owl-stage-outer {
	overflow: hidden;
	position: relative;
}
.owl-carousel .owl-controls {
	height: 0;
	overflow: visible;
}
.owl-stage {
	position: relative;
}
.owl-loaded .slide-item {
	display: block;
}
.slide-banners-wrap {
	/*margin: -51px auto 0;*/
	position: relative;
}
.slide-banners {
	position: relative;
	overflow: hidden;
}
.slide-banners .slide-item {
	position: relative;
	overflow: hidden;
	display: none;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.slide-banners-wrap .slide-banners .slide-item img {
	display: none;
		width: 100%;
}
.slide-banners-wrap .slide-banners .flex-active-slide img {
	display: block;
}
.slide-banners .slide-item a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	left: 0;

	text-align: center;
}
.slide-banners .slide-item img {
	display: block;
	margin: 0 auto;
}
.slide-banners .slide-item b {
	display: block;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	line-height: 2em;
	text-align: center;
	color: #fff;
	background: #ff9600;
	position: absolute;
	right: 2px;
	top: 2px;
	font-weight: normal;
	font-family: Arial;
}
.main .slide-banners .slide-item a {
	width: 100%;
	margin-left: 0;
	left: auto;
}
.main .slide-banners .slide-item img {
	width: 100%;
	height: auto;
}
/* Direction Nav */	

.slide-banners .flex-direction-nav {
*height:0;
}
.slide-banners .flex-direction-nav a {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	z-index: 9999;
	top: 45%;
	margin-top: -35px;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.5;
	background-color: rgba(255,255,255,0.5);
	opacity: 0;
}
.slide-banners .flex-direction-nav .flex-prev {
	background-image: url(img/prev.png);
	left: 0;
}
.slide-banners .flex-direction-nav .flex-next {
	background-image: url(img/next.png);
	right: 0;
}
.slide-banners:hover .flex-direction-nav a {
	opacity: 0.5;
}
.slide-banners:hover .flex-direction-nav .flex-prev {
	left: 90px;
}
.slide-banners:hover .flex-direction-nav .flex-next {
	right: 90px;
}
.slide-banners .flex-direction-nav .flex-prev:hover, .slide-banners .flex-direction-nav .flex-next:hover {
	background-color: #6999c1;
	opacity: 1;
}
.main-banner .flex-direction-nav {
	display: none;
}
/* Control Nav */

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
	z-index: 99;
}
.flex-control-nav li {
	display: inline-block;
	zoom: 1;
*display:inline;
	vertical-align: top;
}
.flex-control-paging li a {
	width: 32px;
	height: 32px;
	display: block;
	background: #fff;
	cursor: pointer;
	text-indent: -9999px;
}
.flex-control-paging li a.flex-active {
	background: #64b4b5;
}
.page-layout {
	position: relative;
	padding: 0 0 40px;
}
/* ===============================================================

   * for:homepage

   --------------------------------------------------------------- */

.index-info-wrap {
}
.index-info-wrap .index-info ul {
	position: relative;
	width: 105%;
}
.index-info-wrap .index-info ul .index-info-list {
	position: relative;
	display: inline-block;
	vertical-align: text-bottom;
*display:inline;
*zoom:1;
	width: 338px;
	height: auto;
	margin: 0 33px 0 0;
}
.index-info-wrap .index-info ul .index-info-list .info-pic {
	position: relative;
	width: 100%;
	border-bottom: 5px solid #1BD0B1;
}
.index-info-wrap .index-info ul .index-info-list .info-pic img {
	position: relative;
	width: 100%;
}
.index-info-wrap .index-info ul .index-info-list .info-detail-wrap {
}
.index-info-wrap .index-info ul .index-info-list .info-detail-wrap .info-title {
	padding: 25px 0 15px;
}
.index-info-wrap .index-info ul .index-info-list .info-detail-wrap .info-detail {
	font-size: 14px;
	line-height: 25px;
	color: #646466;
}
.index-info-wrap .index-info ul .index-info-list .info-detail-wrap .info-more {
	font-weight: bold;
	font-size: 14px;
	display: block;
	margin: 20px 0;
}
.index-tit-bar {
	position: relative;
	text-align: center;
	padding: 73px 0 67px;
}
.index-tit-bar .title, .index-tit-bar .title a {
	color: #6999c1;
}
.index-tit-bar .title {
	position: relative;
	font-size: 30px;
	line-height: 50px;
}
.index-tit-bar .title:after {
	content: '';
	display: block;
	width: 290px;
	height: 1px;
	margin: 25px auto 0;
	background-color: #6999c1;
}
.index-tit-bar .title:before {
	content: '';
	display: block;
	width: 26px;
	height: 26px;
	background-color: #6999c1;
	background-image: url(img/ico-plus-white.png);
	-webkit-background-size: 45% auto;
	background-size: 45% auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	margin-left: -13px;
	bottom: -13px;
}
.index-product {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.product-slides-wrap {
	position: relative;
	width: 1080px;
	margin: 0 auto;
}
.product-slides-wrap .product-slides {
	position: relative;
	width: 1108px;
	padding: 0 0 75px;
}
.index-sv-items {
	padding: 115px 0 125px;
	position: relative;
	overflow: hidden;
}
.index-sv-items ul {
	width: 113%;
}
.index-sv-items .sv-item {
	width: 315px;
	float: left;
	text-align: center;
	margin: 0 75px 0 0;
}
.index-sv-items .sv-item:hover .sv-ico {
	-moz-transform: translateY(-7px);
	-webkit-transform: translateY(-7px);
	-ms-transform: translateY(-7px);
	-o-transform: translateY(-7px);
	transform: translateY(-7px);
}
.index-sv-items .sv-ico {
	display: block;
	padding: 8px;
	margin: 1px;
}
.index-sv-items .sv-ico img {
	padding: 8px;

}
.index-sv-items .sv-item:hover .sv-ico img {
	border-color: transparent\9;
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
.index-sv-items .sv-tit {
	width: 100%;
	position: relative;
	padding: 5px 0 25px;
	font-size: 24px;
	font-weight: normal;
}
.index-sv-items .sv-tit:before {
	content: '';
	display: block;
	position: absolute;
	width: 40%;
	height: 1px;
	background-color: #6999c1;
	left: 30%;
	bottom: 0;
}
.index-sv-items .sv-desc {
	font-size: 16px;
	line-height: 1.6;
	padding: 30px 0;
	color: #999;
}
.index-sv-items .readmore {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.index-sv-items .readmore i {
	font-size: 18px;
	vertical-align: middle;
}
.index-sv-items .readmore, .index-sv-items .readmore a {
	color: #64b4b5;
}
/* about us */

.index-about {
	position: relative;
	width: 100%;
	padding: 0 0 115px;
	background: #6999c1;
}
.about-tit-bar {
	width: 100%;
	position: absolute;
	left: 0;
	top: -30px;
	text-align: center;
}
.about-tit-bar .title {
	display: inline-block;
	width: 61%;
	border: 3px solid #fff;
	
	font-size: 20px;
	line-height: 55px;
	color: #FFF;
	font-weight: normal;
}
.about-tit-bar .title a {
	color: #FFF;
}
.about-cont {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 125px 0 0;
}
.about-banner {
	position: relative;
	float: left;
	width: 525px;
	height: auto;
}
.about-banner li.slide-item, .about-banner li.slide-item img {
	position: relative;
	width: 100%;
}
.about-detail, .about-detail a {
	color: #fff;
}
.about-detail {
	margin-left: 560px;
	font-size: 16px;
}
.about-detail p {
	padding-bottom: 15px;
}
.about-detail .about-more {
	display: inline-block;
	padding: 3px 20px;
	border: 2px solid #fff;

	float: right;
	margin: 10px 0 0;
}
.inquiry-form .form-btn-wrap .form-btn-submit:hover {
	border-color: #6999c1;
	background: #fff;
}
.about-detail .about-more:hover {
	background: #6999c1;
}
.about-banner .flex-control-nav {
	bottom: -50px;
}
.about-banner .flex-control-paging li {
	padding: 0 3px;
}
.about-banner .flex-control-paging li a {
	width: 6px;
	height: 6px;
}
/* full banner */

.full-bg-banner {
	width: 100%;
	position: relative;
	background: #eee url(img/demo/banner-bg.jpg) fixed no-repeat center 0;
}
.full-bg-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-color: rgb(255 255 255 / 80%);
    z-index: 0;
    height: 100%;
    width: 100%;
}
/* index products */

.product-slides .product-item {
	width: 340px;
	margin: 0 auto;
}
.product-slides .product-item .pd-img, .product-slides .product-item .pd-img img, .product-slides .product-item .pd-shadow {
	display: block;
	width: 340px;
	height: 340px;
}
.product-slides .product-item .pd-img {
	position: relative;
}
.product-slides .product-item .pd-shadow {
	z-index: 9;
	position: absolute;
	left: 0;
	top: 0;
}
.product-slides .product-item .pd-shadow:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
}
.product-slides .product-item .pd-shadow:before {
	content: '';
	display: block;
	width: 52px;
	height: 52px;
	border: 3px solid #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -29px;
	margin-bottom: -29px;
	background-image: url(img/ico-plus-white.png);
	background-position: center;
	background-repeat: no-repeat;

	z-index: 100;
}
.product-slides .product-item:hover {
	-moz-transform: translateY(-8px);
}
.product-slides .product-item:hover .pd-shadow:after {
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.product-slides .product-item .pd-name {
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	margin-top: 55px;
}
.index-product .owl-carousel .owl-item {
	padding-top: 8px;
}
.product-slides-wrap .product-slides .owl-nav {
}
.product-slides-wrap .product-slides .owl-prev, .product-slides-wrap .product-slides .owl-next, .blog-slides .owl-prev, .blog-slides .owl-next {
	width: 38px;
	height: 38px;
	text-indent: -9999em;
	overflow: hidden;
	z-index: 999;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	position: absolute;
	top: 150px;
	
}
.product-slides-wrap .product-slides .owl-prev, .blog-slides .owl-prev {
	background-image: url(img/small-btn-prev.png);
	left: -80px;
}
.product-slides-wrap .product-slides .owl-next, .blog-slides .owl-next {
	background-image: url(img/small-btn-next.png);
	right: -80px;
}
.product-slides-wrap .product-slides .owl-prev:hover {
}
.product-slides-wrap .product-slides .owl-next:hover {
}
.product-slides .owl-prev.disabled:hover, .product-slides .owl-next.disabled:hover, .product-slides .owl-prev.disabled, .product-slides .owl-next.disabled {
	background-color: transparent;
	cursor: default;
	filter: alpha(opacity=0);
	opacity: 0;
}
/* subpage products */

.main .product-item {
	position: relative;
	width: 249px;
	height: auto;
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
}
.main .product-item .item-wrap {
	position: relative;
}
.main .product-item:hover .item-wrap {
}
.main .product-item .pd-img {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 6px;
}
.main .product-item .pd-img img {
	position: relative;
	width: 100%;
}
.main .product-item .pd-img .pd-shadow {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	background-color: rgba(0,0,0,0.3);
}
.main .product-item:hover .pd-img .pd-shadow {
	opacity: 1;
	-moz-opacity: 100;
	filter: alpha(opacity=100);
}
.main .product-item .pd-info {
	position: relative;
	display: block;
	line-height: 18px;
	text-align: center;
}
.main .product-item .pd-info .pd-name a {
	display: block;
	height: 36px;
	overflow: hidden;
	padding: 15px 5px 0;
	font-weight: normal;
}
.main .product-item .pd-info .pd-detail {
}
.main .product-item:nth-child(3n+1) {
	clear: left;
}
/* ===============================================================

   * for:subpage aside

   --------------------------------------------------------------- */



/* path */

.path-bar {
	position: relative;
	height: 31px;
	line-height: 31px;
	font-size: 12px;
	margin: 0 0 35px;
	padding: 3px 0;
}
.path-bar:before {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	overflow: hidden;
	background: #eee;
}
.path-bar .path-nav {
}
.path-bar li {
	display: inline-block;
	vertical-align: top;
	position: relative;
*display:inline;
}
.path-bar li:before {
	display: inline;
	content: '/';
	padding-left: 8px;
}
.path-bar li:first-child:before {
	display: none;
}
.path-bar li a {
	color: #999;
	padding-left: 8px;
}
.path-bar li:first-child a {
	padding-left: 0;
}
.path-bar li:last-child {
	background: none;
}
/* aside */

.aside {
	float: left;
	width: 230px;
}
.side-tit-bar {
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 8px 0 4px;
	border-bottom: 3px solid #6999c1;
}
.side-tit-bar .side-tit {
	position: relative;
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	text-transform: uppercase;
}
.side-widget {
	margin: 0 0 20px 0;
}
.side-widget .side-hide {
	padding: 20px 0;
}
.side-cate ul li a {
	position: relative;
	display: block;
	line-height: 35px;
	padding: 0 0 0 20px;
	background: url(img/icons07.png) no-repeat 0 center;
	font-size: 14px;
}
.side-cate ul li li a {
	font-size: 12px;
	background: url(img/icons07-hover.png) no-repeat 0 center;
}
.side-cate ul li {
	position: relative;
	padding: 0 0 0 10px;
}
.side-cate ul li li {
	padding: 0 0 0 20px;
}
.side-cate ul li li a {
	padding-left: 15px;
}
.side-cate ul li .icon-cate {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	cursor: pointer;
	color: #999;
}
.side-cate ul li .icon-cate-down:before {
	content: "\ea0a";
	font-size: 9px;
}
.side-cate ul li .icon-cate-up:before {
	content: "\ea0b";
	font-size: 9px;
}
.products-scroll-list-wrap {
	position: relative;
	padding: 15px 0;
}
.products-scroll-list {
	position: relative;
	margin-top: 20px;
}
.products-scroll-list li {
	padding: 0 0 15px;
	display: block;
	overflow: hidden;
	height: auto!important;
}
.products-scroll-list li img {
	width: 60px;
	float: left;
	padding: 0 20px 0 0;
}
.products-scroll-list li .pd-info {
	max-height: 60px;
	line-height: 20px;
	overflow: hidden;
}
.side-widget .disabled {
	cursor: default;
}
.products-scroll-btn-prev {
	width: 100%;
	height: 19px;
	display: block;
	background: url(img/icons-prev.png) no-repeat center center;
}
.products-scroll-btn-next {
	width: 100%;
	height: 19px;
	display: block;
	background: url(img/icons-next.png) no-repeat center center;
}
.side-bn {
	max-width: 100%;
	margin: 0 0 25px 0;
}
.side-bn img {
	max-width: 100%;
}
.side-contact {
	border-bottom: 1px solid #E8E8E8;
}
.side-contact .side-pic {
	position: relative;
	width: 100%;
	margin: 0 0 5px 0;
}
.side-contact .side-pic img {
	position: relative;
	width: 100%;
}
.side-contact ul {
	padding: 0 8px;
}
.side-contact ul li {
	padding: 6px 0 6px 17px;
	background: url(img/icons12.png) no-repeat left 12px;
	border-bottom: 1px solid #E8E8E8;
	line-height: 20px;
}
.side-contact ul li:last-child {
	border-bottom: none;
}
.side-contact ul li span {
	font-weight: bold;
}
/* ===============================================================

   * for:subpage main

   --------------------------------------------------------------- */

.main {
	position: relative;
	width: 830px;
	display: block;
	overflow: hidden;
	float: right;
}
.main-tit-bar {

	line-height: 33px;
	overflow: hidden;
	border-bottom: 1px solid #959595;
	padding: 8px 0 1px;
}
.main-tit-bar .title {
	font-size: 20px;
	line-height: 33px;
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	position: relative;
	color: #555;
	text-transform: uppercase;
}
.main-tit-bar .share-this {
	display: inline;
	float: right;
	margin: 0 10px 0 0;
}
.main-banner {
	position: relative;
	display: block;
}
.main-banner-cont {
	border-top: none;
	padding: 20px 0;
	display: block;
	overflow: hidden;
}
.main-banner .slide-banners {
	height: auto;
	margin: 0 0 8px 0;
}
.main-banner .slide-banners .slide-item {
	height: auto;
}
.main-banner .slide-banners .slide-item img {
	width: 100%;
}
.goods-summary {
	font-size: 14px;
	line-height: 22px;
}
.main-banner .flex-control-nav {
	bottom: 15px;
	line-height: 8px;
}
.main-banner .slide-banners .flex-control-paging li a {
	width: 8px;
	height: 8px;
	margin: 0 4px;
	border-radius: 50%;
}
.product-list, .certificate-list, .video-list, .download-list, .faq-list {
	position: relative;
	overflow: hidden;
	background: #FFF;
	margin: 20px 0 0;
}
.product-list ul, .certificate-list ul, .video-list ul {
	position: relative;
	width: 115%;
}
.product-list ul .product-item, .video-list ul .product-item, .goods-items .product-item {
	width: 248px;
	margin: 0 43px 40px 0;
}
.certificate-list ul .product-item {
	width: 185px;
	margin: 0 20px 20px 0;
}
/* ---------------------------- download ---------------------------- */

.download-list ul {
}
.download-list ul li {
	position: relative;
	display: block;
	overflow: hidden;
	line-height: 30px;
	padding: 30px 0 10px;
	border-bottom: 1px solid #E9E9E9;
}
.download-list ul li .download-cont {
	position: relative;
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	float: left;
	padding-right: 160px;
}
.download-list ul li .download-cont .download-pic {
	position: relative;
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	width: 25px;
	height: 25px;
	overflow: hidden;
}
.download-list ul li .download-cont .download-pic img {
	max-width: 25px;
	max-height: 25px;
}
.download-list ul li .download-cont .download-detail {
	position: relative;
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	font-size: 16px;
	margin: 0 15px;
}
.download-list ul li .download-button {
	position: relative;
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	float: right;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	border-width: 1px;
	border-style: solid;
	border-left-color: #C1C1C1;
	border-right-color: #C1C1C1;
	border-top-color: #C9C9C9;
	border-bottom-color: #A5A5A5;
	border-radius: 5px;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1F1F1', endColorStr='#DADADA', gradientType='0');
	background: -moz-linear-gradient(top, #F1F1F1, #DADADA);
	background: -o-linear-gradient(top, #F1F1F1, #DADADA);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#DADADA));
	position: absolute;
	right: 0;
	bottom: 10px;
}
.download-list ul li .download-button a {
	position: relative;
	display: block;
	padding: 0 12px 0 40px;
	color: #0A0A0A;
	background-image: url(img/icons08.png);
	background-repeat: no-repeat;
	background-position: 15px 8px;
}
/* ---------------------------- FAQ ---------------------------- */

.faq-list ul {
}
.faq-list ul li {
	position: relative;
	display: block;
	overflow: hidden;
	line-height: 24px;
	border-bottom: 1px solid #E9E9E9;
	color: #3D3D3D;
}
.faq-list ul li .faq-title {
	position: relative;
	padding: 20px 0 16px 42px;
	height: 24px;
	line-height: 24px;
	cursor: pointer;
}
.faq-list ul li .faq-title b {
	position: absolute;
	left: 1px;
	top: 20px;
	width: 24px;
	height: 24px;
	display: block;
	overflow: hidden;
}
.faq-list ul li .faq-title b.faq-down {
	background: url(img/icons10.png) no-repeat center center;
}
.faq-list ul li .faq-title b.faq-up {
	background: url(img/icons09.png) no-repeat center center;
}
.faq-list ul li .faq-title h2 {
	font-weight: normal;
	font-size: 16px;
	text-shadow: 0 0 1px rgba(0,0,0,0.3);
}
.faq-list ul li .faq-cont {
	position: relative;
	padding: 0 0 30px 42px;
	font-size: 14px;
}
/* pages */

.page-bar .pages {
	display: block;
	padding: 10px;
	margin: 20px 0 30px;
	text-align: center;
	font-size: 12px;
}
.pages a, .pages span {
	display: inline-block;
	border: 1px solid #ddd;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	margin: 0 4px;
	vertical-align: middle;
}
.pages span, .pages span a {
	text-transform: uppercase;
}
.pages span {
	margin: 0 10px;
}
.page-count {
}
.pages .page-prev {
	margin: 0 10px 0 10px;
}
.pages .page-next {
	margin: 0 0 0 15px;
}
.pages a.current, .pages a:hover {
	color: #FFF;
	background-color: #6999c1;
	border-color: #6999c1;
}
.pages a:hover {
	text-decoration: none;
}
/* ---------------------------- product detail ---------------------------- */

.product-intro {
	position: relative;
	display: block;
}
.product-view {
	width: 321px;
	float: left;
	position: relative;
	padding: 0 0 10px;
	background: #fff;
	text-align: center;
}
.product-view .text-tips {
	clear: both;
	color: #666;
	padding: 15px 0;
	line-height: 1.5em;
}
.product-view .product-img {
	display: table-cell;
	width: 319px;
	height: 319px;
	text-align: center;
	border: 1px solid #eee;
	overflow: hidden;
	cursor: pointer;
	vertical-align: middle;
}
.product-view .product-img img {
	max-width: 319px;
	max-height: 319px;
	position: relative;
}
.product-view .share-this {
	display: inline-block;
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
}
.small-img-scroll {
	position: relative;
	overflow: hidden;
	margin: 20px auto 0;
}
.small-img-scroll li {
	margin: 0 2px;
	display: inline;
}
.small-img-scroll li.disabled {
	display: block;
}
.small-img-wrap {
	padding: 0 15px;
	position: relative;
}
.small-img-wrap .small-img-slide {
	padding: 0 30px;
	width: auto;
}
.small-img-wrap .small-img-item, .small-img-wrap .small-img-item img {
	width: 62px;
	height: 62px;
}
.small-img-wrap .small-img-item {
	display: block;
	text-align: center;
	margin: 0 15px;
	cursor: pointer;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
	overflow: hidden;
}
.small-img-wrap .small-img-item img {
	display: block;
	vertical-align: middle;
}
.small-img-wrap .current .small-img-item {
	border-color: #999;
}
.small-img-wrap .small-btn-prev, .small-img-wrap .small-btn-next {
	display: block;
	width: 14px;
	position: absolute;
	top: 0;
	bottom: 0;
	text-indent: -9999em;
	overflow: hidden;
	background-image: url(img/img_scroll_btns.png);
	background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
}
.small-img-wrap .small-btn-prev:hover, .small-img-wrap .small-btn-next:hover {
}
.small-img-wrap .small-btn-prev {
	background-position: 0 center;
	left: 0;
}
.small-img-wrap .small-btn-next {
	background-position: right center;
	right: 0;
}
.small-img-wrap .small-btn-prev.disabled:hover, .small-img-wrap .small-btn-next.disabled:hover, .small-img-wrap a.disabled {
	background-color: transparent;
	cursor: default;
	filter: alpha(opacity=20);
	opacity: 0.2;
}
/* photo gallery */

.container {
	position: relative;
}
.photos-gallery {
	width: 800px;
	border: 1px solid rgba(0,0,0,.5);
	border-radius: 5px;
	overflow: hidden;
	background: #fff;
	z-index: 999999;
	display: none;
}
.photos-gallery .close-gallery {
	display: block;
	width: 25px;
	height: 25px;
	background: url(img/close_pop.png) center center no-repeat;
	position: absolute;
	right: 10px;
	top: 10px;
	filter: alpha(opacity=50);
	opacity: 0.5;
	cursor: pointer;
}
.photos-gallery .close-gallery:hover {
	opacity: 1;
}
.photos-gallery .gallery-main {
	overflow: hidden;
	position: relative;
	background: #eee;
}
.photos-gallery .gallery-photo {
	float: left;
	width: 490px;
	padding: 15px 50px 1000px;
	margin-bottom: -970px;
	position: relative;
	background: #fff;
}
.photos-gallery .gallery-photo img {
	width: 100%;
	height: auto;
}
.gallery-small-imgs {
	width: 200px;
	float: right;
	padding: 15px 5px 15px 5px;
}
.gallery-small-imgs li {
	width: 32%;
	text-align: center;
	padding: 5px 0;
	display: inline-block;
	vertical-align: top;
}
.gallery-small-imgs li a {
	display: inline-block;
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
}
.gallery-small-imgs li a:hover, .gallery-small-imgs li.current a {
	border-color: #ed532f;
}
.gallery-small-imgs li a:hover {
	padding: 1px;
	border-width: 1px;
	background: #fff;
}
.gallery-small-imgs li.current a:hover {
	padding: 0;
	border-width: 2px;
}
.gallery-small-imgs li.disabled {
	display: block;
}
.gallery-small-imgs li img {
	width: 100%;
}
.gallery-body-mask {
	display: none;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=40);
	opacity: 0.4;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99999;
}
.photos-gallery .gallery-photo-title {
	padding: 8px 20px;
	border-bottom: 1px solid #eee;
	color: #333;
}
.photos-gallery .photo-box {
	position: relative;
	background: url(img/loading.gif) center center no-repeat;
}
.photos-gallery .photo-prev, .photos-gallery .photo-next {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	display: block;
	width: 22px;
	height: 40px;
	background-image: url(img/gallery_btns.png);
	background-repeat: no-repeat;
	background-color: transparent;
	text-indent: -9999em;
	overflow: hidden;
	border-radius: 3px;
	cursor: pointer;
}
.photos-gallery .photo-prev:hover, .photos-gallery .photo-next:hover {
	background-color: #999;
}
.photos-gallery .photo-prev {
	background-position: 4px 5px;
	left: -40px;
}
.photos-gallery .photo-next {
	background-position: -14px 5px;
	right: -40px;
}
.photos-gallery .photo-prev:hover {
	background-position: 4px -30px;
}
.photos-gallery .photo-next:hover {
	background-position: -14px -30px;
}
.product-title {
	color: #312F32;
	font-size: 18px;
	border-bottom: 1px solid #EAEAEA;
	padding: 4px 0 6px 0;
	margin: 0 0 20px 0;
}
/* product summary */

.product-summary {
	width: 490px;
	float: right;
}
.product-summary li {
	font-size: 13px;
	margin: 5px 0;
	color: #000000;
}
.product-summary li em {
	width: 140px;
	float: left;
	color: #B2B2B2;
}
.product-summary .inquiry-tit {
	color: #0082CA;
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 15px
}
.product-summary .share-this {
	padding: 30px 0 0;
	float: right;
}
.product-detail {
	position: relative;
	overflow: visible;
	margin: 60px 0 0;
}
.detail-tabs {
	position: relative;
}
.detail-tabs h2 {
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	position: relative;
	font-size: 16px;
	line-height: 31px;
	padding: 0 0 3px;
	cursor: pointer;
	margin: 0 20px 0 0;
	color: #333;
}
.detail-tabs h2.current {
	border-bottom: 3px solid #6999c1;
}
.product-detail .detail-panel {
}
.detail-panel iframe {max-width:100%;}
.product-detail .disabled {
	display: none;
}
.goods-tbar {
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 5px 0;
}
.goods-tbar .title {
	position: relative;
	font-size: 18px;
	line-height: 30px;
	color: #262626;
	font-weight: normal;
	display: inline-block;
	border-bottom: 3px solid #22bac7;
	padding: 0 0 5px;
}
.goods-may-like {
	position: relative;
	margin: 40px 0 0;
}
.goods-items-wrap {
	position: relative;
	width: 828px;
}
.goods-items {
	position: relative;
	width: 100%;
	margin: 20px 0 0;
}
.goods-items .product-item {
}
.goods-items .owl-nav {
	display: inline;
	position: absolute;
	top: -55px;
	right: 0;
}
.goods-items .owl-prev, .goods-items .owl-next {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999em;
	overflow: hidden;
	z-index: 999;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
	margin: 0 0 0 7px;
	background-color: #ddd;
	border-radius: 50%;
	-webkit-background-size: 6px auto;
	background-size: 6px auto;
}
.goods-items .owl-prev:hover, .goods-items .owl-next:hover {
	background-color: #6999c1;
}
.goods-items .owl-prev {
	background-image: url(img/small-btn-prev.png);
}
.goods-items .owl-next {
	background-image: url(img/small-btn-next.png);
}
/* ---------------------------- blog ---------------------------- */

.blog-list {
	background: #fff;
	padding: 0 0 50px;
	margin: 0 auto;
}
.blog-list .blog-item {
	padding: 20px 20px;
	position: relative;
	margin: 0 auto 3px;
}
.blog-list .blog-item .blog-img {
	float: left;
	width: 200px;
	height: auto;
	margin: 0 20px 8px 0;
}
.blog-list .blog-item .blog-tit {
	font-size: 16px;
}
.blog-list .blog-item .blog-meta {
	display: block;
	color: #aaa;
}
.blog-list .blog-item .blog-meta span {
	display: inline;
	padding: 0 15px 0 0;
}
.blog-list .blog-item .blog-summary {
	padding: 8px 0;
	color: #999;
}
.blog-list .blog-item .readmore {
	display: block;
	text-align: right;
	font-size: 14px;
}
.blog-list .blog-item .readmore:hover a {
	color: #fa5b5a;
}
.blog-list .blog-item .readmore i {
	font-size: 14px;
}
.blog-list .blog-item:hover {
	background: #fafafa;
}
.blog-list .blog-item:hover img {
	opacity: 0.8;
}
.blog-list .blog-item:before {
	content: "";
	height: 1px;
	font-size: 1px;
	overflow: hidden;
	border-top: 1px double #6999c1;
	border-bottom: 1px double #6999c1;
	;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -3px;
}
.blog-article {
}
/*====CONTENT SLIDER NAVIGATION

=======================================================*/





/* for:

   public site module

================================================== */

    /* lightbox */

.jquery-lightbox-button-close, .jquery-lightbox-button-left, .jquery-lightbox-button-right, .slide-banners .flex-prev, .slide-banners .flex-next, .about-banner-wrap .owl-prev, .about-banner-wrap .owl-next, .history-foot .site-name {
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.jquery-lightbox-overlay {
	background: #000;
}
.jquery-lightbox-navigator {
	display: none;
	height: 0!important;
}
.jquery-lightbox {
	padding: 0;
	background: #fff url(img/loading.gif) center center no-repeat;
	border: 6px solid #333;
	border-radius: 10px;
}
.jquery-lightbox-background img {
	display: block;
	max-width: 100%;
}
.jquery-lightbox-button-close, .jquery-lightbox-button-left, .jquery-lightbox-button-right {
	background-image: url(img/lightbox_sprites.png);
	background-repeat: no-repeat;
	background-color: transparent;
	filter: alpha(opacity=40);
	opacity: 0.4;
}
.jquery-lightbox:hover .jquery-lightbox-button-close, .jquery-lightbox:hover .jquery-lightbox-button-left, .jquery-lightbox:hover .jquery-lightbox-button-right {
	filter: alpha(opacity=100);
	opacity: 1;
	z-index: 9000;
}
.jquery-lightbox-button-close {
	display: block;
	width: 28px;
	height: 28px;
	background-position: -56px 0;
	position: absolute;
	right: 6px;
	top: 6px;
	text-indent: -9999em;
	overflow: hidden;
}
.jquery-lightbox-buttons {
	width: 56px;
	position: absolute;
	left: 0;
	top: 45%;
	width: 100%;
}
.jquery-lightbox-button-left, .jquery-lightbox-button-right {
	display: block;
	width: 28px;
	height: 36px;
	text-indent: -9999em;
	overflow: hidden;
	position: relative;
	position: absolute;
}
.jquery-lightbox-button-left {
	background-position: 0 0;
	left: 6px;
}
.jquery-lightbox-button-right {
	background-position: -28px 0;
	right: 6px;
}
.jquery-lightbox-button-max {
	display: none!important;
}
.jquery-lightbox-mode-html .jquery-lightbox-background {
	display: none;
}
.jquery-lightbox-mode-image .jquery-lightbox-html {
	display: none;
}
.lightbox-html .jquery-lightbox-overlay {
	background: #fff;
}
.lightbox-html .jquery-lightbox {
	border: 1px solid #999;
	border-radius: 8px;
	box-shadow: 0 0 4px rgba(0,0,0,0.5);
	text-align: center;
}
.lightbox-html embed {
	border-radius: 0 0 8px 8px;
}
.lightbox-html .jquery-lightbox {
	padding: 35px 15px 15px;
}
.lightbox-html .jquery-lightbox-button-close {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(img/lightbox_close.png);
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	right: 5px;
	top: 5px;
	text-indent: -9999em;
	overflow: hidden;
}
/* inquiry form */

.inquiry-form-wrap {
	position: relative;
	width: 100%;
}
.inquiry-form {
	position: relative;
	padding: 25px 40px 35px 40px;
	border: 1px solid #ACACAC;
}
.inquiry-form:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 5px;
	display: block;
	overflow: hidden;
}
.inquiry-form .inquiry-form-ico {
	position: absolute;
	right: 20px;
	top: 27px;
	width: 75px;
	display: block;
	overflow: hidden;
}
.inquiry-form .inquiry-form-ico img {
	position: relative;
	width: 100%;
}
.inquiry-form .inquiry-form-title {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}
.inquiry-form .form-item {
	position: relative;
	display: block;
}
.inquiry-form .form-input, .inquiry-form input[type="text"] {
	position: relative;
	border: 1px solid #C3C3C3;
	width: 50%;
	height: 31px;
	line-height: 31px;
	margin: 18px 0 0;
	color: #000;
	padding: 0 0 0 15px;
}
.inquiry-form .form-input, .inquiry-form .form-input-capcha[type="text"] {
	position: relative;
	border: 1px solid #C3C3C3;
	width: 20%;
	height: 31px;
	line-height: 31px;
	margin: 18px 0 0;
	color: #000;
	padding: 0 0 0 15px;
}
.inquiry-form .form-text, .inquiry-form textarea {
	position: relative;
	border: 1px solid #C3C3C3;
	width: 90%;
	height: 112px;
	line-height: 31px;
	margin: 18px 0 0;
	color: #000000;
	padding: 0 0 0 15px;
}
.inquiry-form .form-input-name, .inquiry-form input[type="text"].form-input-name {
	padding: 0 0 0 28px;
	background: url(img/inq04.png) no-repeat 8px 9px;
}
.inquiry-form .form-input-email, .inquiry-form input[type="text"].form-input-email {
	padding: 0 0 0 28px;
	background: url(img/inq05.png) no-repeat 8px 11px;
}
.inquiry-form .form-input-phone, .inquiry-form input[type="text"].form-input-phone {
	padding: 0 0 0 28px;
	background: url(img/inq06.png) no-repeat 8px 11px;
}
.inquiry-form .form-btn-wrap {
	position: absolute;
	bottom: 65px;
	left: 7%;
	width: 83%;
	height: 0;
	display: block;
}
.inquiry-form .form-btn-wrap .form-btn-submit {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	height: 30px;
	line-height: 30px;
	padding: 0 16px;
	font-size: 14px;
	border-width: 1px;
	border-style: solid;
	border-left-color: #ECC75C;
	border-right-color: #ECC75C;
	border-top-color: #F4D67E;
	border-bottom-color: #E1AF32;
	border-radius: 5px;
	color: #4C4C4E;
	text-shadow: 0 0 1PX rgba(0,0,0,0.3);
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFF5D1', endColorStr='#FCE26B', gradientType='0');
	background: -moz-linear-gradient(top, #FFF5D1, #FCE26B);
	background: -o-linear-gradient(top, #FFF5D1, #FCE26B);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF5D1), to(#FCE26B));
}
.inquiry-form .Validform_checktip {
	display: block;
	width: 93%;
	margin: 0 auto;
	_display: none;
}
.inquiry-form .Validform_wrong {
	font-size: 12px;
	font-weight: bold;
	color: #da3439;
	_display: block;
}
/* entry table

----------------------------- */	

.entry {
	padding: 15px 0;
}
.entry {
	color: #666;
}
.entry a {
	color: #0030FF;
}
.entry p {
	margin: 0;
	padding: 8px 0;
	font-size: 13px;
	line-height: 1.8;
}
.entry table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 20px;
}
.entry th, .entry td {
	height: 30px;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 1.5;
	font-size: 12px;
	color: #666;
	background: #fbfbfb;
	padding: 0 15px;
}
.entry th {
	font-size: 12px;
	background: #eee;
}
.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p {
	margin: 0;
	padding: 5px;
	color: #666;
	font-size: 12px;
	line-height: 1.3;
}
.entry td.amts {
	color: #cb2027;
}
.entry th#cartDelete {
	text-align: center;
}
.entry .button {
	margin: 15px 10px 0 0;
	background: #dfdfdf;
	padding: 8px 15px;
	border: 0;
	cursor: pointer;
	line-height: 1.2;
	color: #777;
	font-weight: bold;
	text-transform: Capitalize;
}
.entry .button:hover {
	background: #cb2027;
	color: #fff;
}
.entry .deletecartitem {
	width: 50px;
	text-align: center;
}
.entry .deletecartitem label {
	display: none;
}
.entry .stotal td.amts {
	font-size: 18px;
	font-weight: bold;
}
.entry img.alignleft {
	float: left;
	margin: 20px 15px 0 0;
}
.entry img.alignright {
	float: right;
	margin: 20px 0 0 15px;
}
.entry img.alignleftnopad {
	float: left;
	margin-left: 0;
}
.entry img.alignrightnopad {
	float: right;
	margin-right: 0;
}
.entry img.aligncenter {
	text-align: center;
	display: block;
	margin: 20px auto 0 auto;
}
.entry img {
	max-width: 100%;
}
.cartitem a {
	color: #292929;
	font-weight: bold;
}
.inquiry-form ul li {
	background: none;
}
.entry .inquiry-form-wrap {
	margin: 20px 0 0;
}
/* contact form

----------------------------- */	

.contact-form {
	padding: 15px 20px 50px;
}
.contact-form .form-item {
	width: auto;
	padding: 6px 0 6px 90px;
	_width: 600px;
}
.contact-form .form-label {
	width: 85px;
}
.contact-form .form-btn-wrap {
	position: relative;
	display: block;
	padding: 15px 0 0 90px;
	bottom: auto;
	right: auto;
}
.contact-form .form-btn-wrap .form-btn-submit {
	padding: 5px 40px;
	text-align: center;
	font-size: 14px;
	background: -moz-linear-gradient(top, #fff, #ddd);
	background: -webkit-linear-gradient(top, #fff, #ddd);
	background: -ms-linear-gradient(top, #fff, #ddd);
	background: -o-linear-gradient(top, #fff, #ddd);
	background: linear-gradient(top, #fff, #ddd);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
	border-radius: 3px;
}
.contact-form .form-btn-wrap .form-btn-submit:hover {
	border: 1px solid #aaa;
	color: #333;
	box-shadow: 0 0 3px #ddd inset;
}
/* others

----------------------------- */	

.top-category {
	padding-bottom: 10px;
}
.top-category .titl {
	padding: 5px;
	line-height: 12px;
	border: 1px solid #cccccc;
}
.pagenavi {
	padding: 10px 5px 30px 20px;
}
.pagenavi span, .pagenavi a {
	padding: 5px;
	border: 1px solid #ccc;
	margin-right: 5px;
}
/* rating

----------------------------- */	

.post-ratings {
	width: 100%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;/* background-color:#ffffff;*/
}
.post-ratings-loading {
	display: none;
	height: 16px;
	text-align: left;
}
.post-ratings-image {
	border: 0px;
}
.post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.post-ratings-text {
}
.post-ratings-comment-author {
	font-weight: normal;
	font-style: italic;
}
/* size */

.model {
	width: 100%;
	overflow: hidden;
	font-size: 13px;
	line-height: 18px;
}
.info-title {
	max-height: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: block;
}
.info-con {
	display: block;
	margin-left: 20px;
}
.info-con-title {
	font-size: 15px;
	color: #FF3300;
}
.info-con span {
	display: block;
}
.info-left {
	float: left;
	width: 120px;
	max-height: 370px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: block;
	margin-top: 123px;
}
.info-middle {
	float: left;
	display: block;
	overflow: hidden;
	padding: 0 10px;
}
.info-right {
	float: left;
	width: 120px;
}
.info-right div:first-child {
	height: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: block;
	margin-top: 11px;
}
.info-right div:nth-child(2) {
	height: 166px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: block;
	margin-top: 13px;
}
.info-right div:nth-child(3) {
	height: 148px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: block;
	margin-top: 9px;
}
.size-table td {
	text-align: center;
}
/* for:page================================================== */

.main {
	overflow: hidden;
}
.main .item-head {
	padding: 10px 0;
	border-top: 1px dashed #c0c0c0;
	clear: both;
	font-size: 14px;
	font-weight: bold;
}
.main .color-show li {
	width: 70px;
	height: 90px;
	float: left;
	text-align: center;
}
.main .color-show li img {
	width: 51px;
	height: 51px;
}
.main .color-show li span {
	display: block;
	padding: 5px 0 0;
}
.main .color-show li.show-big {
	width: 220px;
	min-height: 300px;
	_height: 300px;
	_overflow: visible;
	float: left;
}
.main .color-show li.show-big img {
	width: 160px;
	height: auto;
	margin: 15px auto 0;
}
.selected {
	cursor: pointer;
}
.ico ul li {
	padding: 5px 0;
}
.ico ul li a {
	color: #FFC000;
	font-weight: bold;
}
.sub-tbar {
	line-height: 30px;
	background: url(img/tit_bg_line.png) repeat-x scroll 0 15px;
	text-align: center;
	margin-bottom: 15px;
}
.sub-tbar h3 {
	display: inline-block;
	padding: 0 10px;
	background: #fff;
	font-size: 18px;
	font-weight: normal;
}
.sub-tbar h3 {
*display:inline;
}
.handmade li {
	float: left;
	width: 257px;
	height: 280px;
	padding: 0 10px;
}
.handmade li .img, .handmade li .img img {
	display: block;
	width: 250px;
	height: 138px;
}
.handmade li .tit {
	display: block;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	padding: 5px 0 0;
	font-size: 12px;
}
.handmade li .tit, .handmade li .tit a {
	color: #333;
}
.handmade li .summary {
	height: 80px;
	line-height: 20px;
	overflow: hidden;
}
.shippingdate {
	padding: 2px 0 0;
	border-top: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	margin: 10px 0 0;
}
.detail {
	float: right;
	width: 350px;
	padding: 2px 0 0 20px;
	border-top: 1px dashed #ddd;
	border-left: 1px dashed #ddd;
	border-bottom: 1px dashed #ddd;
	margin: 10px 0 0;
}
.detail a {
}
.detail ul {
	overflow: hidden;
}
.detail ul li {
	float: left;
	width: 160px;
}
/* for:page faq...================================================== */

.size {
	margin-top: 0px;
	padding-left: 60px;
}
.size table {
	border: 1px solid #efefef;
	margin-top: 20px;
}
.size ul li {
	float: left;
	padding: 0 18px;
}
.size table td {
	text-align: center;
}
.size table tr {
	text-align: center;
}
.size table th {
	text-align: center;
	color: #FFC000;
	font-weight: bold;
}
.size-pro table {
	border: 1px solid #efefef;
	margin-top: 20px;
	text-align: center;
}
.size-pro ul li {
	float: left;
	padding: 0 18px;
}
.size-pro table td {
	text-align: center;
}
.size-pro table tr {
	text-align: center;
	color: #FFC000;
	font-weight: bold;
}
.size-pro table th {
	text-align: center;
	color: #FFC000;
	font-weight: bold;
}
.attachment-100x100 {
	max-width: 120px;
}
/* dropdown

----------------------------- */ 

.topbar .change-currency {
	display: inline;
	float: right;
	margin: 0 0 0 10px;
}
.topbar .change-currency a:hover {
	text-decoration: none;
}
.topbar .change-currency a.USD, .change-currency a.EUR, .topbar .change-currency a.CAD, .topbar .change-currency a.GBP, .topbar .change-currency a.AUD, .topbar .change-currency a.HK, .topbar .change-currency a.JPY, .topbar .change-currency a.RUB, .topbar .change-currency a.CHF, .topbar .change-currency a.MXN, .topbar .change-currency a.NOK, .topbar .change-currency a.CZK, .topbar .change-currency a.BRL, .topbar .change-currency a.ARS {
	padding: 0 0 0 26px;
	background-image: url(img/currency-icons.png);
	background-repeat: no-repeat;
}
.topbar .change-currency a.USD {
	background-position: 2px 4px;
}
.topbar .change-currency a.EUR {
	background-position: 2px -22px;
}
.topbar .change-currency a.CAD {
	background-position: 2px -50px;
}
.topbar .change-currency a.GBP {
	background-position: 2px -75px;
}
.topbar .change-currency a.AUD {
	background-position: 2px -100px;
}
.topbar .change-currency a.HK {
	background-position: 2px -125px;
}
.topbar .change-currency a.JPY {
	background-position: 2px -150px;
}
.topbar .change-currency a.RUB {
	background-position: 2px -177px;
}
.topbar .change-currency a.CHF {
	background-position: 2px -202px;
}
.topbar .change-currency a.MXN {
	background-position: 2px -227px;
}
.topbar .change-currency a.NOK {
	background-position: 2px -252px;
}
.topbar .change-currency a.CZK {
	background-position: 2px -278px;
}
.topbar .change-currency a.BRL {
	background-position: 2px -303px;
}
.topbar .change-currency a.ARS {
	background-position: 2px -329px;
}
.dropdown {
	display: inline-block;
	float: left;
	margin-right: 5px;
	position: relative;
	padding-top: 1px;
}
.dropdown .submenu {
	width: 90px;
	display: none;
	position: absolute;
	left: 0;
	top: 44px;
	background: #fff;
	border-radius: 0 3px 3px 3px;
	border: 1px solid #bbb;
	text-align: left;
	padding: 5px;
	z-index: 99999;
	background: #fff;
}
.dropdown .submenu a {
	display: block;
	border-top: 1px solid #eee;
}
.over .submenu {
	display: block
}
.currency_cur {
	width: 90px;
	padding: 0 5px;
	border: 1px solid #bbb;
}
.currency_text {
	float: left;
}
.totalall {
	font-size: 18px;
	font-weight: bold;
}
 @-moz-keyframes fadeInUp {
0% {
opacity:0;
-moz-transform:translate3d(0, 40px, 0);
transform:translate3d(0, 40px, 0)
}
100% {
opacity:1;
-moz-transform:none;
transform:none;
}
}
 @-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 40px, 0);
transform:translate3d(0, 40px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none;
}
}
 @-ms-keyframes fadeInUp {
0% {
opacity:0;
-ms-transform:translate3d(0, 40px, 0);
transform:translate3d(0, 40px, 0)
}
100% {
opacity:1;
-ms-transform:none;
transform:none;
}
}
 @-o-keyframes fadeInUp {
0% {
opacity:0;
-o-transform:translate3d(0, 40px, 0);
transform:translate3d(0, 40px, 0)
}
100% {
opacity:1;
-o-transform:none;
transform:none;
}
}
 @keyframes fadeInUp {
0% {
opacity:0;
transform:translate3d(0, 40px, 0);
}
100% {
opacity:1;
transform:none;
}
}
.index-sv-items .sv-item:nth-child(1), .index-sv-items .sv-item:nth-child(2), .index-sv-items .sv-item:nth-child(3) {
	opacity: 0;
}
.fadeInUp .sv-item:nth-child(1) {
	-webkit-animation: fadeInUp 0.5s linear forwards;
	-moz-animation: fadeInUp 0.5s linear forwards;
	-ms-animation: fadeInUp 0.5s linear forwards;
	-o-animation: fadeInUp 0.5s linear forwards;
	animation: fadeInUp 0.5s linear forwards;
}
.fadeInUp .sv-item:nth-child(2) {
	-webkit-animation: fadeInUp 0.5s linear 0.4s forwards;
	-moz-animation: fadeInUp 0.5s linear 0.4s forwards;
	-ms-animation: fadeInUp 0.5s linear 0.4s forwards;
	-o-animation: fadeInUp 0.5s linear 0.4s forwards;
	animation: fadeInUp 0.5s linear 0.4s forwards;
}
.fadeInUp .sv-item:nth-child(3) {
	-webkit-animation: fadeInUp 0.5s linear 0.8s forwards;
	-moz-animation: fadeInUp 0.5s linear 0.8s forwards;
	-ms-animation: fadeInUp 0.5s linear 0.8s forwards;
	-o-animation: fadeInUp 0.5s linear 0.8s forwards;
	animation: fadeInUp 0.5s linear 0.8s forwards;
}
.sub-content {
	right: auto !important;
	left: 0 !important;
	border-radius: 0 5px 5px 5px !important;
}
.change-language {
	margin: 3px 0 0;
}
.change-language-info .change-language-title, .change-language-info .change-language-title a, .change-language-info .change-language-title span, .change-language-info .language-icon {
	color: #FFF !important;
}
.change-language-info:hover .change-language-title, .change-language-info:hover .change-language-title a, .change-language-info:hover .change-language-title span, .change-language-info:hover .language-icon {
	color: inherit !important
}
.subscribe-form .email.inquiryfoot:nth-child(2) {
	/*display: block;*/
	width: 122px;
}
@media screen and (max-width:768px) {
.layout, .index-info-wrap .index-info {
	width: 100%
}
.web_logo{
    display: flex;
    align-items: center;
}
    .fd_nav .sub-menu li ul{
        width: 600px!important;
        background-color: #fff!important;
}
li.li_fd &gt; a{
    background-color:#fff!important;
}
.nav-wrap .nav li ul a img{
    padding-top: 24px!important;
}

.fd_nav .sub-menu li ul li{
    flex: 0 0 92%!important;
    text-align: left!important;
}
.fd_nav .sub-menu li ul{
         height: auto!important;
             /*display: inline-block!important;*/
}

.nav-wrap .nav li ul ul{
    margin-top: 5px!important;
}

.menu-item a.menu-image-title-after.menu-image-not-hovered img{
    display: none!important;
}








.subscribe-form .email.inquiryfoot:nth-child(2){
    width: 142px;
}
body, .container {
	min-width: 100%;
}
.scrollsidebar {
	display: none;
}
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.product-slides:hover .product-item {
	-moz-transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
}
.owl-dots {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 20px;
	text-align: center;
}
.owl-dots .owl-dot {
	display: inline-block;
	width: 5px;
	height: 5px;
	background: none;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 50%;
	margin: 0 4px;
	background: #DBDBDB;
}
.owl-dots .active {
	background: #6999c1;
}
/* ================================

   header

   -------------------------------- */

.header {
	padding: 12px 0;
}
.topbar {
	display: none;
	overflow: hidden;
}
.head-wrapper {
	border-bottom: none;
}
.head-wrapper-fix .header {
	height: auto;
	padding: 12px 0;
}
.head-wrapper-fix {
	position: relative;
}
.head-wrapper-fix .mobile-head-wrapper {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
}
.head-wrapper-fix .nav-bar {
}
.logo {
	float: none;
	width: 100%;
	text-align: center;
}
.logo img {
	position: relative;
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	width: 65%;
	max-width: 264px;
	max-height: none;
}
.mobile-head-wrapper {
	position: relative;
	height: 38px;
	background: #6999c1;
	display: block;
	z-index: 9999;
	box-shadow: 0 1px 5px rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.2);
}
.mobile-serve {
	width: 33%;
	float: left;
}
.mobile-serve .title-ico {
	position: relative;
	display: block;
	width: 100%;
	height: 38px;
	background-image: url(img/mobile_head_icons.png);
	background-color: #6999c1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 38px auto;
	z-index: 9000;
}
.mobile-nav-bar {
	z-index: 1000;
}
.mobile-language {
}
.mobile-head-search {
}
.mobile-head-social {
}
.mobile-nav-bar .title-ico {
	background-position: center 0;
}
.mobile-language .title-ico {
	background-position: center -76px;
}
.mobile-head-search .title-ico {
	background-position: center -38px;
}
.mobile-head-social .title-ico {
	background-position: center -114px;
}
.mobile-serve .mobile-head-hide {
	position: absolute;
	left: 0;
	top: 38px;
	width: 100%;
	background-color: #fff;
	padding: 15px;
	text-align: center;
	visibility: hidden;
}
.mobile-serve .mobile-head-show {
	display: block;
	opacity: 1;
	visibility: visible;
}
.body-show-quick .head-wrapper {
}
.body-show-quick:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.6);
	z-index: 9999;
}
.body-show-quick-nav:before {
	display: none;
}
.body-show-quick-nav .mobile-nav-mask {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10002;
}
.mobile-serve.mobile-nav-bar .mobile-head-hide {
	-moz-transform: none;
	-webkit-transform: none;
	transform: none;
	height: 0;
	padding: 0;
}
.head-search-wrap {
	display: none;
	visibility: hidden;
}
.head-search {
	display: block;
	border: 0;
	padding: 20px 0;
	border-radius: 0;
	height: auto;
}
.head-search .search-ipt, .head-search .search-btn {
	display: block;
	width: 100%;
	float: none;
}
.head-search .search-ipt, .head-search .search-ipt:focus {
	width: 100%;
	padding-left: 12px;
	height: auto;
	line-height: 30px;
	border-radius: 20px;
	border: 2px solid #7de4ed;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.head-search .search-btn, .head-search .search-btn:hover {
	float: none;
	cursor: pointer;
	background: #6999c1;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	border: none;
	line-height: 34px;
	padding: 0 10px;
	margin-top: 10px;
	text-indent: inherit;
	font-size: 14px;
	font-weight: bold;
}
.head-search .search-btn:hover {
	background: #1BD0B1;
}
.head-social {
	float: none;
	text-align: center;
	line-height: 40px;
	padding: 15px 0;
}
.topbar .head-contact .head-phone:before, .topbar .head-contact .head-email:before, .transall:before, .language:before, .head-social li:before, .topbar .head-contact .head-phone:after, .topbar .head-contact .head-email:after, .transall:after, .language:after, .head-social li:after, .head-social:before, .head-social:after {
	width: 0;
	display: none;
}
.head-social li {
	padding: 0 8px;
}
.head-social li a {
	width: 37px;
	height: 37px;
}
.head-social li img {
	padding: 0;
	margin: 0;
}
.language {
	float: none;
}
/* nav */

.nav-bar {
	height: 1px;
	overflow: hidden;
	background-color: transparent;
}
.nav-wrap {
	padding: 1em 15px 10px;
	background: #fff;
	z-index: 10000;
	width: 70%;
	height: 100%;
	position: fixed;
	left: -85%;
	top: 0;
	display: block;
	z-index: 10009;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-align: left;
}
.nav-wrap .nav {
	left: auto;
	border: 0;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: visible;
	overflow-y: scroll;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	-o-overflow-scrolling: touch;
	line-height: 32px;
	float: none;
	display: block;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.nav-wrap .nav li, .nav-wrap .nav li a {
	float: none;
	display: block;
	padding: 0;
	margin: 0;
	font-size: 12px;
	height: auto;
	line-height: 30px;
	color: #666;
}
.nav-wrap .nav li a.ico-home {
	height: 35px;
	background-image: url(img/ico-home-gray.png);
}
.nav-wrap .nav li a:after {
	display: none;
	content: "";
}
.nav-wrap .nav li a:hover, .nav-wrap .nav li a.hover, .nav-wrap .nav li:hover {
	background: none;
}
.nav-wrap .nav li {
	border-bottom: 1px solid #ddd;
	padding: 6px 0;
	position: relative;
}
.nav-wrap .nav li .nav-ico-with-child {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 6px;
}
.nav-wrap .nav li .nav-ico-with-child:before, .nav-wrap .nav li .nav-ico-with-child:after {
	content: "";
	display: block;
	width: 12px;
	height: 2px;
	background: #333;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
top:50%;
	margin-top: -1px;
	opacity: 0.6;
}
.nav-wrap .nav li .nav-ico-with-child:after {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.nav-wrap .nav li ul {
	display: none;
	position: static;
	width: 100%;
	background: none;
	border: 0;
	padding: 0 0 5px;
	opacity: 1;
	visibility: visible;
}
.nav-wrap .nav li ul ul {
	padding-left: 15px;
}
.nav-wrap .nav li ul a {
	display: block;
	position: relative;
	padding-left: 10px;
}
.nav-wrap .nav li li a {
	border-bottom: none;
}
.nav-wrap .nav li ul li {
	position: relative;
}
.nav-wrap .nav li ul li:before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	background-color: #999;
	position: absolute;
	left: 0;
	top: 14px;
}
.nav-wrap .nav li li {
	padding: 0;
	border: 0;
}
.nav-wrap .nav li.show-nav-menu &gt; ul {
	display: block;
}
.nav-wrap .nav li.show-nav-menu &gt; .nav-ico-with-child:after {
	display: none;
}
.nav-wrap .nav li.with-sub-menu &gt; a {
	display: block;
	margin-right: 40px;
}
.nav-wrap .nav li.show-nav-menu &gt; a {
	font-weight: bold;
}
.nav-wrap .nav li li .nav-ico-with-child {
	top: 1px;
}
.nav-wrap .mobile-ico-close {
	display: block;
	left: auto;
	right: -31px;
	z-index: 20000;
}
.show-nav .mobile-ico-close {
	display: block;
	left: auto;
	right: -31px;
}
.mobile-fix-head .header {
	position: fixed;
	top: 0;
}
.mobile-fix-head .topbar {
	margin-bottom: 38px;
}
.mobile-nav-bar .mobile-head-show {
	left: 0;
	display: block;
}
.mobile-nav-bar .mobile-head-show .nav-wrap {
	left: 0;
	z-index: 10009;
	opacity: 1
}
.mobile-ico-close {
	display: none;
	width: 30px;
	height: 30px;
	background: #fff url(img/mobile_close.png) center center no-repeat;
	background-size: 50% auto;
	position: absolute;
	left: -31px;
	top: 0;
}
/* slide banner */

.slide-banners-wrap {
	margin: 0 auto;
}
.slide-banners {
	height: auto;
}
.slide-banners .slide-item {
	height: auto;
	background: none;
}
.slide-banners .slide-item a {
	width: 100%;
	margin: 0;
	padding: 0;
	position: static;
}
.slide-banners-wrap .slide-banners .slide-item img {
	display: block;
	width: 100%;
}
.flex-control-nav {
	height: auto;
	line-height: 10px;
	bottom: 12px;
}
.flex-control-nav li {
	padding: 0 3px;
}
.flex-direction-nav {
	display: none;
}
.flex-control-paging li a {
	width: 7px;
	height: 7px;
	border-radius: 50%;
}
/* ================================

   homepage

   -------------------------------- */



.index-sv-items .sv-item, .about-cont, .mobile-product-view {
	max-width: 600px;
	margin: 0 auto;
}
.index-sv-items {
	padding: 30px 15px;
}
.index-sv-items ul {
	width: 100%;
	    display:-webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.index-sv-items .sv-item {
	width: 100%;
	padding: 15px 0;
	float: none;
	-webkit-animation: none;
	-moz-animation: none!important;
	animation: none!important;
	opacity: 1!important;
}
.index-sv-items .sv-tit {
	padding-bottom: 10px;
	font-size: 18px;
	text-transform: uppercase;
}
.index-sv-items .sv-desc {
	padding: 15px 0 8px;
}
.index-sv-items .sv-item:hover .sv-ico {
	-moz-transform: none;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.index-sv-items .sv-ico {
	padding: 0;
	margin: 0;
}
.index-sv-items .sv-ico img {
	width: 80px;
	border: 0;
}
.index-sv-items .sv-item:hover .sv-ico img {
	box-shadow: none;
}
.index-tit-bar {
	text-align: center;
	padding: 10px 0 20px;
}
.index-tit-bar .title {
	font-size: 16px;
}
.index-tit-bar .title:after {
	margin-top: 10px;
}
.index-info-wrap .index-info ul {
	width: 100%;
	text-align: center;
	padding: 0 0 50px;
}
.index-info-wrap .index-info ul .index-info-list {
	width: 90%;
	margin: 0 auto;
	display: block;
}
.index-info-wrap .index-info ul .index-info-list .info-pic {
	width: 60%;
	margin: 0 auto;
}
.index-info-wrap .index-info ul .index-info-list .info-pic {
	border-bottom-width: 3px;
}
.index-info-wrap .index-info ul .index-info-list .info-detail-wrap .info-title {
	padding: 10px 0 0;
	font-size: 14px;
}
.index-info-wrap .index-info ul .index-info-list .info-detail-wrap .info-detail {
	font-size: 12px;
	line-height: 20px;
}
.index-info-wrap .index-info ul .index-info-list .info-detail-wrap .info-more {
	font-size: 12px;
	margin: 10px 0;
}
/* products */

.index-product {
	padding: 0;
	margin: 0;
}
.product-slides-wrap, .product-slides-wrap .product-slides, .product-slides .product-item, .arr-product .product-item, .goods-items-wrap, .goods-items-wrap .goods-items, .goods-items .product-item {
	width: 100%;
}
.product-slides-wrap .product-slides, .goods-items-wrap .goods-items {
	padding: 0 0 50px;
}
.product-slides .product-item .pd-img, .product-slides .product-item .pd-img img, .product-slides .product-item .pd-shadow {
	width: 100%;
	height: auto;
}
.product-slides .product-item .pd-shadow {
	top: 0;
	bottom: 0;
}
.product-slides .product-item .pd-shadow:before {
	width: 30px;
	height: 30px;
	margin-bottom: -17px;
	-webkit-background-size: auto 10px;
	background-size: auto 10px;
	border-width: 2px;
}

.product-item .item-wrap {
	width: 94%;
	margin: 0 auto;
}
.main .product-item:nth-child(2n+1) {
	clear: left;
}
/* about us */

.index-about {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 20px;
}
.about-tit-bar {
	padding: 10px 0;
}
.about-tit-bar {
	top: -20px;
	padding: 0;
}
.about-tit-bar .title {
	line-height: 36px;
	font-size: 16px;
	border-width: 2px;
}
.about-cont {
	width: 90%;
	padding: 60px 0 20px;
	font-size: 14px;
}
.about-banner {
	float: none;
	width: 100%;
	display: block;
	overflow: hidden;
	padding: 0 0 5px;
}
.about-banner .slides:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.about-banner .flex-control-nav {
	position: static;
	padding: 15px 0;
}
.about-banner .slides {
	position: relative;
	width: 100%;
	display: block;
	margin: 0 auto;
	float: none;
	border-radius: 8px;
	overflow: hidden;
}
.about-detail {
	float: none;
	width: 100%;
	font-size: 12px;
	margin: 0;
	text-align: center;
}
.about-detail p {
	text-align: left;
}
.about-detail .about-more {
	height: auto;
	line-height: 36px;
	padding: 3px 36px;
	font-size: 14px;
	margin: 10px 0;
	border-radius: 30px;
	float: none;
	font-weight: bold;
}
.index-arr-product {
	padding: 0;
}
/* ================================

   foter

   -------------------------------- */

.foot-wrapper .foot-items {
	padding: 20px 10px 0;
	font-size: 12px;
	width: 100%;
	margin: 0 auto;
}
.foot-items .foot-item-hide {
	display: block;
	margin: 0 0 15px;
	border: 1px solid #3A4D5E;
	padding: 0 10px;
}
.foot-items .foot-item-hide .foot-cont {
	padding: 10px 0;
}
.foot-items .foot-item .foot-tit {
	padding: 0;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: normal;
}
.foot-blog {
	text-align: center;
}
.foot-contact, .foot-inquiry, .foot-blog {
	width: 100%;
	margin: 0;
}
.foot-items .foot-item-hide {
	border: 1px solid #3A4D5E;
}
.foot-item-hide .foot-cont {
	position: relative;
	display: none;
}
.foot-contact li {
	font-size: 12px;
}
.subscribe-form {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	border: 1px solid #18252E;
	overflow: hidden;
}
.foot-inquiry .subscribe {
	padding-bottom: 8px;
}
.foot-inquiry .subscribe-form .subscribe-ipt {
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-radius: 0;
}
.foot-inquiry .subscribe-form .subscribe-btn {
	width: auto;
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	border: none;
	font-size: 12px;
	border-radius: 0;
	margin-top: 8px;
	width: 100%;
}
.mobile-blog-slides {
}
.blog-slides ul li {
	position: relative;
	display: block;
	overflow: hidden;
	width: 96%;
	padding: 0 2%;
	height: auto;
	text-align: center;
}
.foot-blog-item .blog-cont-time:before {
	display: none;
}
.foot-blog-item .blog-cont .blog-cont-pic {
	width: 35%;
	height: auto;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin:0;
*dispay:inline;
*zoom:1;
}
.foot-blog-item .blog-cont-detail {
	position: relative;
	display: block;
	width:auto;
}
.foot-btn-prev, .foot-btn-next {
	display: none;
	visibility: hidden;
}
.foot-items .foot-item .foot-tit {
	margin-bottom: 0;
	text-align: left;
	padding: 0 5px;
}
.foot-items .foot-blog .foot-tit {
	padding: 0 15px;
}
.foot-items .foot-item-hide .foot-tit {
	position: relative;
	font-weight: normal;
	margin-bottom: 0;
}
.foot-items .foot-item .foot-tit:before {
	display: none;
}
.foot-items .foot-item .foot-tit span {
	font-size: 20px;
}
.foot-items .foot-item-hide .foot-tit:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 11px;
	border-radius: 50%;
	background: url(img/sprites1.png) 6px -14px no-repeat;
}
.foot-items .service-show .foot-tit:after {
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.foot-contact li:before {
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	top: -4px;
}
.foot-items .service-show .foot-cont {
	display: block;
}
.path-bar .path-nav {
	width: 96%;
	margin: 0 auto;
}
.path-bar {
	margin: 0 0 15px;
	height: auto!important;
}
/* ================================

   aside

   -------------------------------- */

.aside {
	width: 100%;
	float: none;
}
.side-tit-bar {
	border: none;
	padding: 0;
	line-height: 20px;
}
.side-tit-bar .side-tit {
	font-size: 14px;
	line-height: 20px;
}
.side-tit-bar .side-tit-ico:before {
	content: '\ea50';
	color: #666;
	position: absolute;
	top: 4px;
	right: 10px;
	font-size: 16px;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.side-tit-bar .side-tit-ico-down:before {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.side-widget {
	border: 1px solid #eee;
	width: 98%;
	margin: 0 auto 20px;
	padding: 10px 10px 0;
}
.side-widget .side-hide {
	display: none;
	padding: 0 0 10px;
}
.side-cate ul li li {
	padding: 0 0 0 15px;
}
.side-cate ul li a, .side-cate ul li li a {
	font-size: 12px;
	background: none;
	padding: 0;
}
.aside .side-bn {
	display: none;
}
.products-scroll-list-wrap {
	width: 100%;
}
.products-scroll-list {
	width: 100%;
	margin-top: 0;
}
.products-scroll-list ul {
	margin: 0 -10px;
}
.products-scroll-list ul:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.products-scroll-list li {
	width: 50%;
	float: left;
	padding: 0 8px 15px;
}
.products-scroll-list li img {
	position: relative;
	width: 100%;
	border-radius: 0.5em;
	float: none;
	margin: 0 auto;
	display: block;
	padding: 0;
}
.products-scroll-list li .pd-info {
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: block;
	margin-top: 8px;
	text-align: left;
	line-height: 1.5em;
	max-height: 3em;
	overflow: hidden;
}
.products-scroll-list li:nth-child(2n+1) {
	clear: left;
}
.products-scroll-btn-prev, .products-scroll-btn-next {
	display: none;
}
.main {
	width: 100%;
	float: none;
}
.main-tit-bar {
	padding: 0 0 10px;
	border-bottom: 1px solid #dadada;
	width: 98%;
	margin: 0 auto;
}
.main-tit-bar .title {
	font-size: 14px;
	padding: 0 0 0 10px;
}
.goods-summary {
	position: relative;
	width: 96%;
	margin: 0 auto;
}
.product-list ul, .certificate-list ul, .video-list ul {
	width: 100%;
}
.product-list ul .product-item, .video-list ul .product-item, .certificate-list ul .product-item {
	width: 50%;
	margin: 0 0 10px;
}
.product-item .pd-info .pd-name {
	font-size: 12px;
	line-height: 1.4;
	margin-top: 30px;
	/*! margin-left: -20px; */
}
.main .product-item {
	padding-bottom: 10px;
}
.main .product-item .pd-info .pd-name a {
	padding-top: 0;
	height: auto;
	max-height: 36px;
}
.main .product-item:nth-child(3n+1) {
	clear: none;
}
.main .product-item:nth-child(2n+1) {
	clear: left;
}
.download-list ul, .faq-list ul {
	position: relative;
	width: 96%;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}
.faq-list ul li .faq-title {
	height: auto;
}
.entry {
	position: relative;
	width: 96%;
	margin: 0 auto;
}
.inquiry-form {
	padding: 25px 7% 75px;
}
.inquiry-form .inquiry-form-ico {
	width: 40px;
	top: 20px;
}
.inquiry-form .form-input, .inquiry-form input[type="text"] {
	width: 100%;
}
.inquiry-form .form-input.form-input-capcha, .inquiry-form input[type="text"].form-input-capcha {
	width: 150px;
}
.inquiry-form .form-text, .inquiry-form textarea {
	width: 100%;
}
.detail-wrap {
	padding: 0;
	border: 0;
	background: none;
}
.product-view {
	width: 100%;
	float: none;
	padding: 0;
	margin-bottom: 0;
}
.product-view .product-img {
	display: none;
}
.product-view .small-img-wrap {
	display: none;
}
.mobile-product-view {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.mobile-product-view .mobile-img-item, .mobile-product-view .mobile-img-item img {
	position: relative;
	width: 100%;
}
.mobile-product-view:after {
	content: "";
	width: 100%;
	height: 40px;
	display: block;
	overflow: hidden;
	background: rgba(0,0,0,0.3);
	position: absolute;
	left: 0;
	bottom: 0;
}
.product-intro {
	padding-bottom: 0;
}
.mobile-product-view .owl-dots {
	bottom: 10px;
}
.mobile-product-view .owl-dots .owl-dot {
	background: #fff;
}
.mobile-product-view .owl-prev, .mobile-product-view .owl-next {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	background-image: url(img/mobile_gallery_arrows.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 60px 30px;
	text-indent: -9999em;
	overflow: hidden;
	opacity: 0.15;
}
.mobile-product-view .owl-prev {
	background-position: 0 0;
	left: 10px;
}
.mobile-product-view .owl-next {
	background-position: -30px 0;
	right: 10px;
}
.product-title {
	text-align: center;
	font-size: 16px
}
/* product summary */

.product-summary {
	width: 96%;
	float: none;
	margin: 20px auto 0;
}
/* detail */

.product-detail {
	padding: 0;
	margin: 0;
}
.product-detail .detail-tabs {
	display: none;
}
.detail-tabs {
	height: auto;
	border-bottom: 0;
}
.products-img img, .entry img {
	max-width: 100%;
}
.entry th, .entry td {
	padding: 0 8px;
}
.mobile-detail-items {
	margin: 30px 0 0;
}
.mobile-detail-item .tab {
	display: block;
	float: none;
	margin-bottom: 10px;
}
.mobile-detail-items h2 {
	display: block;
	float: none;
	padding: 8px 10px;
	background: #fff;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	line-height: 28px;
	position: relative;
	font-size: 12px;
}
.mobile-detail-items .current h2, .mobile-detail-items .active h2 {
	margin-bottom: 0;
	background-color: #fff;
	padding: 8px 10px;
	margin-bottom: 0;
}
.mobile-detail-items .current h2, .mobile-detail-items .current h2 a, .mobile-detail-items h2, .mobile-detail-items h2 a {
	color: #333;
}
.mobile-detail-items h2:after {
	content: "";
	display: block;
	width: 11px;
	height: 16px;
	background: url(img/mobile_select_arrow.png) center center no-repeat;
	background-size: 80% auto;
	position: absolute;
	right: 10px;
	top: 15px;
}
.mobile-detail-items .active h2:after {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.product-detail .detail-panel {
	display: none;
	background: #fff;
	border-bottom: 1px solid #ddd;
	padding: 10px 10px 30px;
}
.mobile-detail-items .detail-panel {
	display: none;
}
.mobile-detail-items .current .detail-panel {
	display: none;
}
.mobile-detail-items .active .detail-panel {
	display: block;
}
.mobile-detail-items .current h2 {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0;
}
.mobile-detail-items .active h2 {
	border-bottom: 2px solid #6999c1;
}
.goods-tbar {
	padding: 30px 10px;
}
.goods-tbar .title {
	font-size: 16px;
}
.goods-may-like {
	margin: 0;
}
.goods-items .product-item {
	margin: 0;
}
.page-layout {
	padding: 0;
}
.pages a, .pages span {
	height: auto;
	padding: 2px 8px;
}
.footer {
	width: 100%;
	padding: 25px 0 45px;
}
.footer .foot-logo {
	display: none;
}
.footer .foot-nav, .footer .copyright {
	text-align: center;
}
.footer .foot-nav {
	text-transform: none;
	font-size: 11px;
	padding-top: 8px;
}
.footer .foot-nav li {
	padding: 0 7px;
	line-height: 1.8;
}
.foot-nav li.current a {
	border: 0;
}
.mobile-foot-contact {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 36px;
	line-height: 36px;
	display: block;
	overflow: hidden;
	background: #000;
	z-index: 9999;
}
.mobile-foot-contact .head-phone, .mobile-foot-contact .head-email {
	position: relative;
	display: inline-block;
	vertical-align: top;
*display:inline;
*zoom:1;
	text-align: center;
	color: #FFF;
}
.mobile-foot-contact .head-phone {
	width: 50%;
	background-color: #F57655;
}
.mobile-foot-contact .head-phone a, .mobile-foot-contact .head-email a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	color: #FFF;
}
.mobile-foot-contact .head-email {
	width: 17%;
}
.mobile-foot-contact .head-phone span, .mobile-foot-contact .head-email span {
	position: relative;
	display: inline-block;
	vertical-align: top;
*display:inline;
}
.mobile-foot-contact .head-phone span:before {
	content: '\e942';
	padding: 0 5px 0 0;
	font-size: 14px;
	vertical-align: middle;
}
.mobile-foot-contact .head-email span:before {
	content: '\e619';
	padding: 0 5px 0 0;
	font-size: 14px;
	vertical-align: middle;
	    margin-left: -20px;
}
.blog-list .blog-item .blog-img {
	width: 100%;
	float: none;
	margin: 0;
}
.blog-list .blog-item .blog-tit {
	padding-top: 8px;
}
.download-list ul li .download-cont {
	padding-right: 0;
}
.download-list ul li .download-cont .download-detail {
	display: inline;
	line-height: 1.4;
}
.download-list ul li .download-button a {
	text-indent: -9999px;
	overflow: hidden;
	padding: 0 20px;
	background-position: center;
}
.gotop {
	width: 36px;
	height: 36px;
	bottom: 50px;
	-webkit-background-size: auto 6px;
	background-size: auto 6px;
	background-position: center;
	border-width: 2px;
}
}

 .language-flag span , .change-language .change-language-cont .change-empty , .change-language .prisna-wp-translate-seo .lang-more{
font-size: 10pt;
}
.contact-img-border img{
    border: 1px solid #6999c1;
    
    border-radius:50%;
}
.fd_nav .sub-menu li ul {
  width: 900px;
  height: 465px;
display: flex;  
flex-wrap: wrap;
overflow-y: auto;
overflow-x: hidden;
background-color: #64b4b5;
}
.fd_nav .sub-menu li ul li{
width: 25%; 
flex: 0 0 25%;
    text-align: center;
}
.fd_nav .sub-menu li ul li .sub-menu {
 position: absolute;
top: 40%;
left: 0;
}
.menu-item a.menu-image-title-after.menu-image-not-hovered img{
 width: 100%;
height: auto;
}
.fd_nav &gt;ul &gt; li &gt; ul &gt;li a{
        line-height: 26px;
}

.page_wechat .fl-callout-photo {
    position: absolute;
    opacity: 0;
    	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.page_wechat .fl-callout-title:hover+.fl-callout-photo{
    opacity: 1;
    position: absolute;
    z-index: 99;
}
.page_wechat .fl-callout-title{
    position: relative;
    max-width: 15%;
    cursor: pointer;
    font-weight: 100;
}
.page_wechat .fl-callout-title:after{
        display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f1d7" !important;
    font-size: 20px;
    height: 30px;
    width: 30px;
    position: relative;
    top: 3px;
}
.page_wechat .fl-photo-content img{
    border: 1px solid #dbdbdb;
    height: 150px !important;
    width: 150px !important;
    z-index: 99;
}
.page_bgimg&gt;div:before{
    content: "";
}
@media screen and (max-width:768px) {
    .page_wechat .fl-callout-title{
        max-width: 25%;
    }
    .page_bgimg&gt;div {
    padding-left: 96px !important;
}
.fd_nav .sub-menu li ul li .sub-menu{position: relative;}
}
</pre></body></html>